.root-view-bg[data-v-138c9692] {
    background-color: #fff
}

.not-found-view[data-v-138c9692] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem
}

.where-is-panfish[data-v-138c9692] {
    position: relative;
    width: 52rem;
    max-width: 70%;
    padding-top: 48%
}

.where-is-panfish .elem[data-v-138c9692] {
    position: absolute;
    top: 35%;
    left: 50%
}

.where-is-panfish .bg[data-v-138c9692] {
    width: 77.724%;
    transform: translate(-50%, -50%)
}

.where-is-panfish .panfish[data-v-138c9692] {
    width: 20.994%;
    transform: translate(-55%, 32%);
    animation: panfish-data-v-138c9692 2s ease-in-out infinite alternate
}

.where-is-panfish .sea[data-v-138c9692] {
    width: 99.199%;
    transform: translate(-50%, 75.3%);
    opacity: .7
}

.where-is-panfish .spray[data-v-138c9692] {
    width: 40.545%;
    transform: translate(-55%, 162%);
    opacity: .4
}

@-moz-keyframes panfish-data-v-138c9692 {
    0% {
        transform: translate(-55%, 30%)
    }

    to {
        transform: translate(-55%, 36%)
    }
}

@-webkit-keyframes panfish-data-v-138c9692 {
    0% {
        transform: translate(-55%, 30%)
    }

    to {
        transform: translate(-55%, 36%)
    }
}

@-o-keyframes panfish-data-v-138c9692 {
    0% {
        transform: translate(-55%, 30%)
    }

    to {
        transform: translate(-55%, 36%)
    }
}

@keyframes panfish-data-v-138c9692 {
    0% {
        transform: translate(-55%, 30%)
    }

    to {
        transform: translate(-55%, 36%)
    }
}

.index-link[data-v-138c9692] {
    display: block;
    margin-top: 2rem;
    padding: 1.1rem 2rem;
    font-size: 1.5rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 5px
}

.emoji-barrage .full-screen[data-v-2ef7528a] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    overflow: hidden
}

.emoji-inner-screen[data-v-2ef7528a] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(-100%, -100%, 0)
}

.emoji-inner-screen .template[data-v-2ef7528a] {
    position: relative;
    width: 100%;
    height: 100%
}

.emojin-inner-screen__0.animate[data-v-2ef7528a] {
    animation: left-data-v-2ef7528a 6s ease-in
}

.emojin-inner-screen__1.animate[data-v-2ef7528a] {
    animation: normal-data-v-2ef7528a 6s ease-in
}

.emojin-inner-screen__2.animate[data-v-2ef7528a] {
    animation: right-data-v-2ef7528a 6s ease-in
}

@-moz-keyframes left-data-v-2ef7528a {
    0% {
        transform: translate3d(-50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes left-data-v-2ef7528a {
    0% {
        transform: translate3d(-50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes left-data-v-2ef7528a {
    0% {
        transform: translate3d(-50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes left-data-v-2ef7528a {
    0% {
        transform: translate3d(-50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes normal-data-v-2ef7528a {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes normal-data-v-2ef7528a {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes normal-data-v-2ef7528a {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes normal-data-v-2ef7528a {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes right-data-v-2ef7528a {
    0% {
        transform: translate3d(50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes right-data-v-2ef7528a {
    0% {
        transform: translate3d(50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes right-data-v-2ef7528a {
    0% {
        transform: translate3d(50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes right-data-v-2ef7528a {
    0% {
        transform: translate3d(50%, -100%, 0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

.iconfont[data-v-5c75a886] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5c75a886]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-5c75a886]:before {
    content: "\e601"
}

.mark-star-masker[data-v-5c75a886] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mark-star-masker .top-panel[data-v-5c75a886] {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.mark-star-masker .poster[data-v-5c75a886] {
    width: 100px
}

.mark-star-masker .poster img[data-v-5c75a886] {
    width: 100%;
    box-shadow: 0 10px 25px 0 rgba(93, 93, 93, .3)
}

.mark-star-masker .star-content[data-v-5c75a886] {
    text-align: center
}

.mark-star-masker .star-content .heading[data-v-5c75a886] {
    margin-top: 25px;
    font-size: 27px;
    color: #232323;
    font-weight: 700
}

.mark-star-masker .star-content .name[data-v-5c75a886] {
    margin-top: 10px;
    font-size: 16px;
    color: #5d7084;
    font-weight: 700
}

.mark-star-masker .star-panel[data-v-5c75a886] {
    margin-top: 20px;
    display: flex
}

.mark-star-masker .star-panel .star[data-v-5c75a886] {
    width: 23px;
    height: 23px;
    margin-right: 12px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.4db4048.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.mark-star-masker .star-panel .star.star-selected[data-v-5c75a886] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
    background-size: contain
}

.mark-star-masker .star-panel .star-title[data-v-5c75a886] {
    color: #e88200;
    font-size: 17px;
    line-height: 25px
}

.mark-star-masker .text-content[data-v-5c75a886] {
    margin-top: 15px
}

.mark-star-masker .text-content textarea[data-v-5c75a886] {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    appearance: none;
    text-align: justify;
    width: 100%;
    box-sizing: border-box;
    height: 110px;
    padding: 12px;
    border-radius: 2px;
    font-size: 16px;
    outline: none;
    border: 1px solid rgba(93, 112, 132, .2);
    color: #5d7084;
    resize: none
}

.mark-star-masker .remark[data-v-5c75a886] {
    margin-top: 10px;
    font-size: 12px;
    color: #5d7084
}

.mark-star-masker .bottom[data-v-5c75a886] {
    text-align: center;
    margin-top: 30px
}

.mark-star-masker .bottom .submit-btn[data-v-5c75a886] {
    width: 160px;
    height: 40px;
    line-height: 30px;
    font-size: 16px
}

.mark-star-masker .bottom .submit-btn[data-v-5c75a886]:disabled {
    opacity: .5
}

.status-wrap[data-v-5c75a886] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.status-wrap .inner[data-v-5c75a886] {
    width: 120px;
    height: 120px;
    background-color: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 10px
}

.status-wrap .inner.success[data-v-5c75a886] {
    padding-top: 30px
}

.status-wrap .inner.success img[data-v-5c75a886] {
    width: 50px
}

.status-wrap .inner.success p[data-v-5c75a886] {
    margin-top: 12px
}

.status-wrap .inner.fail[data-v-5c75a886] {
    padding-top: 20px
}

.status-wrap .inner.fail img[data-v-5c75a886] {
    width: 10px
}

.status-wrap .inner.fail p[data-v-5c75a886] {
    margin-top: 8px
}

@media (orientation:landscape) {
    .mark-star-masker .bottom[data-v-5c75a886] {
        margin-bottom: 15px
    }
}

.iconfont[data-v-493fa1b2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-493fa1b2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-493fa1b2]:before {
    content: "\e601"
}

.book-handle[data-v-493fa1b2] {
    position: fixed;
    width: 100%;
    left: 50%;
    bottom: 0;
    height: 50px;
    background-color: #fff;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom)
}

.book-handle[data-v-493fa1b2]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform: scaleY(.5);
    border-top: 1px solid #ddd
}

.book-handle .step-btn[data-v-493fa1b2] {
    -webkit-appearance: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    user-select: none;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.book-handle .step-btn.step-btn--prev[data-v-493fa1b2] {
    left: 30px
}

.book-handle .step-btn.step-btn--prev[data-v-493fa1b2]:before {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent #007fff transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0
}

.book-handle .step-btn.step-btn--prev[data-v-493fa1b2]:disabled:before {
    border-color: transparent #ddd transparent transparent
}

.book-handle .step-btn.step-btn--next[data-v-493fa1b2] {
    right: 30px
}

.book-handle .step-btn.step-btn--next[data-v-493fa1b2]:before {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #007fff;
    border-style: solid;
    border-width: 8px 0 8px 10px
}

.book-handle .step-btn.step-btn--next[data-v-493fa1b2]:disabled:before {
    border-color: transparent transparent transparent #ddd
}

.book-handle .menu-btn[data-v-493fa1b2] {
    width: 18px
}

.book-handle .menu-btn img[data-v-493fa1b2] {
    display: block;
    width: 100%
}

.repo[data-v-3a2167a6]:hover {
    background-color: #fbfbfb
}

.repo-link[data-v-3a2167a6] {
    display: flex;
    position: relative;
    padding: 24px 30px;
    box-sizing: border-box
}

.repo-user[data-v-3a2167a6] {
    margin-right: 15px
}

.repo-user .user[data-v-3a2167a6] {
    height: 48px;
    width: 48px;
    overflow: hidden;
    border-radius: 3px;
    display: block
}

.repo-user .user img[data-v-3a2167a6] {
    width: 100%
}

.repo-aside[data-v-3a2167a6] {
    width: 130px;
    height: 130px;
    flex-shrink: 0;
    background-color: #ccc
}

.repo-content[data-v-3a2167a6] {
    flex-grow: 1;
    overflow: hidden
}

.repo-content .repo-header[data-v-3a2167a6] {
    margin-bottom: 8px
}

.repo-content .repo-header .title[data-v-3a2167a6] {
    display: flex;
    padding: 0;
    font-size: 1.334rem;
    font-weight: 600;
    color: #0366d6;
    overflow: hidden;
    margin: 0 20px 0 0
}

.repo-content .repo-header .title .title-text[data-v-3a2167a6] {
    color: inherit
}

.repo-content .repo-header .title .title-text[data-v-3a2167a6]:hover {
    text-decoration: underline
}

.repo-content .repo-desc[data-v-3a2167a6] {
    color: #2e3135;
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    margin-right: 70px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.repo-content .repo-meta[data-v-3a2167a6] {
    margin-top: 15px;
    font-size: 1.167rem;
    font-weight: 700;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.repo-content .repo-meta .icon[data-v-3a2167a6] {
    margin-right: 5px
}

.repo-content .repo-meta>span[data-v-3a2167a6]:not(:last-child) {
    margin-right: 25px
}

.repo-content .repo-meta .lang .lang-color[data-v-3a2167a6] {
    display: inline-flex;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.repo-content .repo-meta .time[data-v-3a2167a6] {
    color: #b4b6b8;
    font-size: 12px;
    font-weight: 400
}

@media (max-width:640px) {
    .repo-user[data-v-3a2167a6] {
        display: none
    }

    .repo-content .repo-header .title .title-text[data-v-3a2167a6] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.iconfont[data-v-d4368b3c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d4368b3c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-d4368b3c]:before {
    content: "\e601"
}

.repo-masker[data-v-d4368b3c] {
    display: flex;
    padding: 2rem 2.5rem
}

.masker[data-v-d4368b3c] {
    border-color: hsla(0, 0%, 94.5%, .1);
    background-color: hsla(0, 0%, 94.5%, .3)
}

.avatar[data-v-d4368b3c] {
    flex: 0 0 auto;
    margin-right: 1.25rem;
    width: 4rem;
    height: 4rem
}

.content[data-v-d4368b3c] {
    flex: 1 1 auto
}

.content .title[data-v-d4368b3c] {
    height: 1.5rem
}

.content .desc[data-v-d4368b3c] {
    margin: 1rem 0 2rem;
    height: 1.5rem
}

@media (max-width:640px) {
    .avatar[data-v-d4368b3c] {
        display: none
    }
}

.repo-list[data-v-460d420c] {
    background-color: #fff;
    box-sizing: border-box
}

.repo-list.empty[data-v-460d420c]:after,
.repo-list.error[data-v-460d420c]:after {
    display: block;
    padding: 1rem 0;
    font-size: 1.16rem;
    text-align: center;
    color: #666
}

.repo-list.error[data-v-460d420c]:after {
    content: attr(error-msg)
}

.repo-list.empty[data-v-460d420c]:after {
    content: attr(empty-msg)
}

.item[data-v-460d420c] {
    box-sizing: border-box
}

.item[data-v-460d420c]:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.repo-nav-aside[data-v-5c139154] {
    background-color: #fff;
    border-radius: 2px
}

.block[data-v-5c139154] {
    position: relative;
    padding: 1.333rem;
    box-sizing: border-box
}

.block[data-v-5c139154]:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.block[data-v-5c139154]:hover {
    background-color: #fcfcfc
}

.block:hover>.sub-block-panel[data-v-5c139154] {
    display: block
}

.block .title[data-v-5c139154] {
    font-size: 1.333rem;
    font-weight: 500;
    line-height: 1.2;
    color: #2e3135
}

.block .title[data-v-5c139154]:hover {
    color: #000
}

.block .child-list[data-v-5c139154] {
    margin-top: .3rem
}

.block .child-list .child[data-v-5c139154] {
    display: inline-block;
    margin-top: .6rem;
    margin-right: 1.667rem;
    font-size: 1.167rem;
    line-height: 1.2;
    color: #3b76c5
}

.block .child-list .child[data-v-5c139154]:hover {
    color: #1b56a5
}

.sub-block-panel[data-v-5c139154] {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    border-radius: 2px;
    display: none
}

.sub-block-panel .block .title[data-v-5c139154] {
    font-size: 1.167rem;
    font-weight: 400
}

.sub-block-panel .child-list.leaf-list[data-v-5c139154] {
    margin-top: 0;
    padding: .7rem 1.333rem 1.333rem
}

.iconfont[data-v-64827103] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-64827103]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-64827103]:before {
    content: "\e601"
}

.slider[data-v-64827103] {
    position: relative;
    height: 12rem;
    background-color: #fff;
    overflow: hidden
}

.slider:hover .ctrl[data-v-64827103] {
    opacity: 1
}

.list[data-v-64827103] {
    position: relative;
    height: 100%;
    transition: transform .3s;
    overflow: hidden
}

.list .item[data-v-64827103] {
    height: 100%;
    float: left
}

.list .item.with-thumb .text-box[data-v-64827103] {
    padding-left: 1.667rem
}

.list .item .link[data-v-64827103] {
    display: flex;
    height: 100%
}

.list .item .thumb[data-v-64827103] {
    flex: 0 0 auto;
    width: 12rem;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.list .item .text-box[data-v-64827103] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.667rem 5rem;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer
}

.list .item .text-box .title[data-v-64827103] {
    margin-bottom: .8rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5
}

.list .item .text-box .desc[data-v-64827103],
.list .item .text-box .title[data-v-64827103] {
    max-height: 3em;
    color: #2e3135;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.list .item .text-box .desc[data-v-64827103] {
    font-size: 14px;
    line-height: 1.57;
    opacity: .7
}

.ctrl[data-v-64827103] {
    opacity: 0;
    transition: all .2s;
    z-index: 1
}

.ctrl .btn[data-v-64827103] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 4rem;
    height: 100%;
    font-size: 1.8rem;
    color: #000;
    opacity: .15
}

.ctrl .btn[data-v-64827103]:not(.disabled) {
    cursor: pointer
}

.ctrl .btn[data-v-64827103]:hover:not(.disabled) {
    opacity: .3
}

.ctrl .btn.prev-btn[data-v-64827103] {
    left: 0
}

.ctrl .btn.next-btn[data-v-64827103] {
    right: 0
}

.iconfont[data-v-19466c7e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-19466c7e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-19466c7e]:before {
    content: "\e601"
}

.cash-account-wrap[data-v-19466c7e] {
    min-height: 100vh;
    background-color: #fff
}

.cash-account-wrap .deal-list .deal[data-v-19466c7e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 13px;
    padding-right: 13px;
    height: 60px;
    position: relative
}

.cash-account-wrap .deal-list .deal[data-v-19466c7e]:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    z-index: 2
}

.cash-account-wrap .deal-list .deal .content .status[data-v-19466c7e] {
    font-weight: 700;
    font-size: 17px
}

.cash-account-wrap .deal-list .deal .content .date[data-v-19466c7e] {
    font-size: 13px;
    color: #838383;
    margin-top: 5px
}

.cash-account-wrap .deal-list .deal .side[data-v-19466c7e] {
    font-size: 18px;
    font-weight: 500
}

.cash-account-wrap .deal-list .deal .side.income[data-v-19466c7e] {
    color: #08a319
}

.cash-account-wrap .deal-empty[data-v-19466c7e] {
    display: flex;
    justify-content: center;
    height: 100vh;
    min-height: 300px
}

.cash-account-wrap .deal-empty .inner[data-v-19466c7e] {
    padding-top: 100px
}

.cash-account-wrap .deal-empty .inner img[data-v-19466c7e] {
    width: 100px;
    display: block
}

.cash-account-wrap .deal-empty .inner p[data-v-19466c7e] {
    text-align: center;
    color: #ccc;
    font-size: 15px;
    margin-top: 30px
}

.iconfont[data-v-1b224987] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1b224987]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1b224987]:before {
    content: "\e601"
}

.bills-wrap[data-v-1b224987] {
    font-size: 14px;
    width: 100%
}

.bills-flex[data-v-1b224987] {
    display: flex;
    align-items: center
}

.bills-header[data-v-1b224987] {
    background-color: #eef1f6;
    border-bottom: 1px solid #dfe6ec
}

.table-body[data-v-1b224987] {
    background-color: #fff
}

.col-title[data-v-1b224987] {
    flex-shrink: 0;
    width: 400px;
    padding: 5px 10px
}

.col-1[data-v-1b224987] {
    width: 10%;
    flex-shrink: 0
}

.col-100[data-v-1b224987] {
    flex-shrink: 0;
    width: 120px
}

div[class^=col][data-v-1b224987] {
    min-height: 40px;
    border-right: 1px solid #dfe6ec;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.sales-header[data-v-1b224987] {
    align-self: stretch;
    flex-shrink: 0;
    width: 800px
}

.second-title[data-v-1b224987] {
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #dfe6ec
}

.second-title[data-v-1b224987],
.table-body>.flex[data-v-1b224987] {
    border-bottom: 1px solid #dfe6ec
}

.iconfont[data-v-0296427a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0296427a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0296427a]:before {
    content: "\e601"
}

.bills-wrap[data-v-0296427a] {
    font-size: 14px;
    width: 100%
}

.bills-flex[data-v-0296427a] {
    display: flex;
    align-items: center
}

.bills-header[data-v-0296427a] {
    background-color: #eef1f6;
    border-bottom: 1px solid #dfe6ec
}

.table-body[data-v-0296427a] {
    background-color: #fff
}

.col-title[data-v-0296427a] {
    flex-shrink: 0;
    width: 400px;
    padding: 5px 10px
}

.col-1[data-v-0296427a] {
    width: 10%;
    flex-shrink: 0
}

.col-100[data-v-0296427a] {
    flex-shrink: 0;
    width: 120px
}

div[class^=col][data-v-0296427a] {
    min-height: 40px;
    border-right: 1px solid #dfe6ec;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.sales-header[data-v-0296427a] {
    align-self: stretch;
    flex-shrink: 0;
    width: 800px
}

.second-title[data-v-0296427a] {
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #dfe6ec
}

.second-title[data-v-0296427a],
.table-body>.flex[data-v-0296427a] {
    border-bottom: 1px solid #dfe6ec
}

.iconfont[data-v-76f74cf2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-76f74cf2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-76f74cf2]:before {
    content: "\e601"
}

.book-income-bills-view[data-v-76f74cf2] {
    width: 3120px
}

.bills-menu[data-v-76f74cf2] {
    display: flex;
    background-color: #fff;
    font-size: 16px
}

.bills-menu.bills-menu--month[data-v-76f74cf2] {
    width: 100%;
    overflow: auto;
    font-size: 14px
}

.bills-menu.bills-menu--month .item[data-v-76f74cf2] {
    height: 30px;
    line-height: 30px
}

.bills-menu.bills-menu--month .item.selected[data-v-76f74cf2] {
    cursor: default;
    color: #007fff;
    box-shadow: none
}

.bills-menu .item[data-v-76f74cf2] {
    height: 50px;
    line-height: 50px;
    min-width: 90px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #111;
    cursor: pointer
}

.bills-menu .item.selected[data-v-76f74cf2] {
    cursor: default;
    color: #007fff;
    box-shadow: inset 0 -2px 0 #3780f7
}

.bills-csv-download[data-v-76f74cf2] {
    position: fixed;
    right: 30px;
    top: 0;
    height: 50px;
    line-height: 50px;
    color: #007fff
}

.iconfont[data-v-3b5c37f1] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3b5c37f1]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3b5c37f1]:before {
    content: "\e601"
}

.link[data-v-3b5c37f1] {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.iconfont[data-v-ddf467d2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ddf467d2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-ddf467d2]:before {
    content: "\e601"
}

.banner[data-v-ddf467d2] {
    position: relative
}

.banner .view-box[data-v-ddf467d2] {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.banner .btn[data-v-ddf467d2] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 4rem;
    height: 100%;
    font-size: 1.8rem;
    color: #000;
    cursor: pointer;
    color: #fff
}

.banner .btn[data-v-ddf467d2]:hover {
    opacity: .6
}

.banner .btn.prev-btn[data-v-ddf467d2] {
    left: 0
}

.banner .btn.next-btn[data-v-ddf467d2] {
    right: 0
}

.indicators[data-v-ddf467d2] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 4rem;
    right: 4rem;
    bottom: 20px
}

.indicators li[data-v-ddf467d2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.indicators li[data-v-ddf467d2]:not(:last-child) {
    margin-right: 5px
}

.indicators li.active[data-v-ddf467d2],
.indicators li[data-v-ddf467d2]:hover {
    border: 1px solid #007fff;
    background-color: #007fff
}

.fade-enter-active[data-v-ddf467d2],
.fade-leave-active[data-v-ddf467d2] {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .25s ease
}

.fade-enter-to[data-v-ddf467d2],
.fade-leave[data-v-ddf467d2] {
    transform: translateX(0)
}

.transition--prev .fade-leave-to[data-v-ddf467d2] {
    transform: translateX(100%)
}

.transition--next .fade-leave-to[data-v-ddf467d2],
.transition--prev .fade-enter[data-v-ddf467d2] {
    transform: translateX(-100%)
}

.transition--next .fade-enter[data-v-ddf467d2] {
    transform: translateX(100%)
}

.iconfont[data-v-3cb109d6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3cb109d6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3cb109d6]:before {
    content: "\e601"
}

.calendar .calendar-month[data-v-3cb109d6] {
    height: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: default
}

.calendar .calendar-month .time-text[data-v-3cb109d6] {
    width: 80px;
    font-size: 14px;
    color: #007fff;
    font-weight: 700;
    text-align: center
}

.calendar .calendar-month .arrow-left[data-v-3cb109d6] {
    cursor: pointer;
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar .calendar-month .arrow-left[data-v-3cb109d6]:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #007fff
}

.calendar .calendar-month .arrow-left[data-v-3cb109d6]:active:before,
.calendar .calendar-month .arrow-left[data-v-3cb109d6]:hover:before {
    border-color: transparent #003486 transparent transparent
}

.calendar .calendar-month .arrow-right[data-v-3cb109d6] {
    cursor: pointer;
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .8
}

.calendar .calendar-month .arrow-right[data-v-3cb109d6]:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #007fff
}

.calendar .calendar-month .arrow-right[data-v-3cb109d6]:active:before,
.calendar .calendar-month .arrow-right[data-v-3cb109d6]:hover:before {
    border-color: transparent transparent transparent #003486
}

.calendar .calendar-week[data-v-3cb109d6] {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    background-color: #007fff;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.calendar .calendar-week span[data-v-3cb109d6] {
    flex-grow: 1
}

.calendar .calendar-days[data-v-3cb109d6] {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.calendar .calendar-days .day[data-v-3cb109d6] {
    cursor: pointer;
    width: 14.28571%;
    box-sizing: border-box;
    padding-bottom: 5px;
    padding-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column
}

.calendar .calendar-days .day .txt[data-v-3cb109d6] {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #72777b;
    font-size: 13px;
    opacity: .4
}

.calendar .calendar-days .day .events[data-v-3cb109d6] {
    height: 5px;
    margin-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar .calendar-days .day .events span.ev[data-v-3cb109d6] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #007fff
}

.calendar .calendar-days .day .events span.ev[data-v-3cb109d6]:not(:last-child) {
    margin-right: 3px
}

.calendar .calendar-days .day .events-panel[data-v-3cb109d6] {
    display: none;
    position: absolute;
    width: 168px;
    top: 100%;
    z-index: 1;
    margin-top: 2px;
    border: 1px solid #007fff;
    background-color: #fff;
    border-radius: 2px;
    padding: 10px
}

.calendar .calendar-days .day .events-panel[data-v-3cb109d6]:before {
    content: "";
    border-color: transparent transparent #007fff;
    border-style: solid;
    border-width: 0 6px 6px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -6px)
}

.calendar .calendar-days .day .events-panel .events-inner[data-v-3cb109d6] {
    max-height: 75px;
    overflow: hidden
}

.calendar .calendar-days .day .events-panel .msg[data-v-3cb109d6] {
    line-height: 15px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.calendar .calendar-days .day .events-panel .msg .link[data-v-3cb109d6] {
    color: #007fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar .calendar-days .day .events-panel .msg[data-v-3cb109d6]:before {
    display: block;
    flex-shrink: 0;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #003386;
    overflow: hidden;
    margin-right: 5px
}

.calendar .calendar-days .day:hover .events span.ev[data-v-3cb109d6] {
    background-color: #007fff
}

.calendar .calendar-days .day:hover .events-panel[data-v-3cb109d6] {
    display: block
}

.calendar .calendar-days .day.holiday .txt[data-v-3cb109d6] {
    color: #007fff
}

.calendar .calendar-days .day.cur-month .txt[data-v-3cb109d6] {
    opacity: 1
}

.calendar .calendar-days .day.cur-day .txt[data-v-3cb109d6] {
    border-radius: 50%;
    color: #fff;
    background-color: #007fff
}

.iconfont[data-v-403e8a36] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-403e8a36]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-403e8a36]:before {
    content: "\e601"
}

.events[data-v-403e8a36] {
    cursor: pointer;
    width: 25%;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
    transition: all .2s linear;
    position: relative;
    margin-bottom: 30px
}

.events[data-v-403e8a36]:before {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    transition: all .2s linear;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.events[data-v-403e8a36]:hover {
    transform: translateY(-3px)
}

.events[data-v-403e8a36]:hover:before {
    box-shadow: 0 7px 15px rgba(0, 0, 0, .1)
}

.events .events-inner[data-v-403e8a36] {
    border-radius: 2px;
    overflow: hidden;
    color: #333
}

.events .events-inner .banner[data-v-403e8a36] {
    padding-top: 58.82%;
    background-color: #ccc;
    background-repeat: no-repeat
}

.message[data-v-403e8a36] {
    padding: 20px 12px 15px
}

.message span[data-v-403e8a36] {
    vertical-align: middle
}

.message .icon[data-v-403e8a36] {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.message .icon.icon-calendar[data-v-403e8a36] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/calendar.8e47027.png)
}

.message .icon.icon-location[data-v-403e8a36] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/location.dc6395a.png)
}

.message .title[data-v-403e8a36] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
    font-size: 14px;
    font-weight: 700
}

.message .date[data-v-403e8a36] {
    margin-top: 6px
}

.message .bottom[data-v-403e8a36] {
    margin-top: 6px;
    display: flex;
    justify-content: space-between
}

.message .bottom .address[data-v-403e8a36] {
    display: flex;
    align-items: center
}

.message .bottom .btn-join[data-v-403e8a36] {
    width: 100px;
    height: 25px;
    border-radius: 30px;
    background-color: #4d91fd;
    line-height: 25px;
    color: #fff;
    text-align: center
}

.message .bottom .btn-join.btn-detail[data-v-403e8a36] {
    background-color: #aaa
}

@media (max-width:960px) {
    .events[data-v-403e8a36] {
        width: 33.33%
    }
}

@media (max-width:720px) {
    .events[data-v-403e8a36] {
        width: 50%
    }
}

@media (max-width:480px) {
    .events[data-v-403e8a36] {
        width: 100%
    }
}

.iconfont[data-v-4beac7b6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4beac7b6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4beac7b6]:before {
    content: "\e601"
}

.content[data-v-4beac7b6] {
    min-height: calc(100vh - 188px)
}

.nav-list[data-v-4beac7b6] {
    position: relative
}

.nav-list .nav-item.right[data-v-4beac7b6] {
    position: absolute;
    top: 0;
    right: 0
}

.nav-list .nav-item.right .link[data-v-4beac7b6] {
    display: flex;
    align-items: center
}

.nav-list .more-city[data-v-4beac7b6] {
    cursor: pointer;
    position: relative;
    font-size: 1.16rem;
    color: #71777c;
    padding: 0 1rem;
    height: 100%;
    margin-right: 10px
}

.nav-list .more-city:hover .txt[data-v-4beac7b6] {
    color: #007fff
}

.nav-list .more-city:hover .txt[data-v-4beac7b6]:after {
    transform: rotate(-180deg)
}

.nav-list .more-city:hover .menu[data-v-4beac7b6] {
    display: block
}

.nav-list .more-city .txt[data-v-4beac7b6] {
    display: flex;
    height: 100%;
    align-items: center
}

.nav-list .more-city .txt span[data-v-4beac7b6] {
    margin-right: 5px
}

.nav-list .more-city .txt[data-v-4beac7b6]:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-color: #72777b transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    transform-origin: center center;
    transition: transform .25s linear
}

.nav-list .more-city .menu[data-v-4beac7b6] {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.nav-list .more-city .menu span[data-v-4beac7b6] {
    padding-left: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.nav-list .more-city .menu span.route-active[data-v-4beac7b6],
.nav-list .more-city .menu span[data-v-4beac7b6]:hover {
    background-color: #f9f9f9;
    color: #007fff
}

.panel[data-v-4beac7b6] {
    height: 280px;
    display: flex
}

.panel .banner[data-v-4beac7b6] {
    flex-shrink: 0;
    width: 470px;
    min-width: 320px;
    height: 280px;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.panel .calendar[data-v-4beac7b6] {
    flex-shrink: 0;
    width: 475px;
    margin-left: 15px;
    position: relative
}

.panel .calendar[data-v-4beac7b6]:after {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
    z-index: -1;
    box-shadow: 1px 1px 1px rgba(50, 50, 50, .1)
}

.events-empty[data-v-4beac7b6] {
    margin-top: 35px;
    text-align: center;
    color: #666;
    font-size: 13px
}

.events-wrap[data-v-4beac7b6] {
    overflow: hidden;
    width: 100%
}

.events-list[data-v-4beac7b6] {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -7px;
    margin-right: -7px
}

.copy-right[data-v-4beac7b6] {
    text-align: center;
    font-size: 14px;
    opacity: .7;
    color: #3a4e64;
    margin-bottom: 40px
}

.copy-right a[data-v-4beac7b6] {
    color: inherit
}

@media (max-width:720px) {

    .nav-list .more-city[data-v-4beac7b6],
    .nav-list .nav-item.right[data-v-4beac7b6] {
        display: none
    }
}

@media (max-width:960px) {
    .panel .banner[data-v-4beac7b6] {
        width: 100%
    }

    .panel .calendar[data-v-4beac7b6] {
        display: none
    }

    .panel .events-list[data-v-4beac7b6] {
        margin-left: 0;
        margin-right: 0
    }
}

.reset-password-form[data-v-04425de4] {
    padding: 4rem 3rem;
    font-size: 1.16rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.title[data-v-04425de4] {
    margin: 0;
    font-size: 2rem;
    text-align: center
}

.form-body[data-v-04425de4] {
    margin-top: 3rem;
    text-align: center
}

.input[data-v-04425de4] {
    margin: 0;
    padding: .5rem 0;
    font-size: 1.1em;
    border: none;
    border-bottom: 1px solid #eee;
    outline: none
}

.input.full-width[data-v-04425de4] {
    width: 100%
}

.btn[data-v-04425de4] {
    padding: .8rem 1.6rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 2px;
    border: none;
    outline: none
}

.input-group[data-v-04425de4]:not(:first-child) {
    margin-top: 2rem
}

.submit-btn[data-v-04425de4] {
    margin-top: 3rem;
    width: 100%
}

.index-link[data-v-04425de4] {
    display: inline-block;
    margin: 1.5rem auto 0;
    color: #007fff;
    text-decoration: none
}

.message[data-v-04425de4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: #fff;
    z-index: 1
}

.set-new-password-form[data-v-6456cf2c] {
    margin: 6rem auto;
    width: 40rem;
    max-width: 100%
}

.iconfont[data-v-57e26b74] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-57e26b74]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-57e26b74]:before {
    content: "\e601"
}

.repo-list-box[data-v-57e26b74] {
    margin-right: 21.667rem;
    margin-bottom: 4rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .repo-list-box[data-v-57e26b74] {
        margin-right: auto
    }
}

.list-header[data-v-57e26b74] {
    padding: 1.5rem 1rem
}

.list-header .title[data-v-57e26b74] {
    margin-left: 1.333rem
}

.list-header .title .tag[data-v-57e26b74] {
    font-size: 1.167rem;
    font-weight: 600;
    color: #2e3135
}

.list-header .title .tag[data-v-57e26b74]:not(:last-child):after {
    content: " / "
}

.list-header .title .tag[data-v-57e26b74]:hover {
    color: #007fff
}

.list-header .title .tag[data-v-57e26b74]:hover:after {
    color: #2e3135
}

.list-header .nav-item[data-v-57e26b74] {
    padding: 0 1.2rem
}

.list-header .nav-item[data-v-57e26b74]:not(:last-child):after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 1px;
    height: 1.3rem;
    background-color: #b7b8ba
}

.repo-nav-aside-box[data-v-57e26b74] {
    width: 20rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media (max-width:600px) {
    .repo-nav-aside-box[data-v-57e26b74] {
        display: none
    }
}

.repo-nav-aside-box .repo-nav-aside[data-v-57e26b74] {
    position: fixed;
    top: 6.8rem;
    width: 20rem;
    transition: all .2s
}

.repo-nav-aside-box.top .repo-nav-aside[data-v-57e26b74] {
    top: 1.8rem
}

.image-uploader[data-v-65cb7d8e] {
    position: relative
}

.input[data-v-65cb7d8e] {
    display: none
}

.action-box[data-v-65cb7d8e] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.action-box .prompt[data-v-65cb7d8e] {
    font-size: 1.2rem
}

.action-box.with-image[data-v-65cb7d8e] {
    background-color: rgba(0, 0, 0, .2);
    opacity: 0
}

.action-box.with-image .prompt[data-v-65cb7d8e] {
    color: #fff
}

.action-box.with-image[data-v-65cb7d8e]:hover {
    opacity: 1
}

.preview[data-v-65cb7d8e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-size: cover
}

.category-list .item[data-v-21059c0e] {
    border: 1px solid #f1f1f1;
    color: #909090;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    margin-right: .6rem;
    padding: .7rem 1rem;
    margin-bottom: .6rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    transition: all .3s
}

.category-list .item.active[data-v-21059c0e],
.category-list .item[data-v-21059c0e]:hover {
    color: #007fff;
    border-color: rgba(0, 127, 255, .15);
    background-color: rgba(0, 127, 255, .05);
    transition: all .3s
}

.tag-list .item[data-v-73ffc2df] {
    position: relative;
    border: 1px solid rgba(0, 127, 255, .15);
    color: #909090;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    margin-right: .6rem;
    margin-bottom: .6rem;
    padding: .7rem .9rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    transition: all .3s;
    color: #007fff;
    background-color: rgba(0, 127, 255, .05)
}

.tag-list .tag-title-input[data-v-73ffc2df] {
    padding: .5rem;
    font-size: 1rem
}

.tag-list .tag-title-input[data-v-73ffc2df]:hover {
    border-color: #007fff
}

.tag-list .add[data-v-73ffc2df] {
    position: relative
}

.tag-list .add .suggested-tag-list[data-v-73ffc2df] {
    position: absolute;
    top: 105%;
    left: 0;
    background-color: #fff;
    z-index: 500;
    width: 120%;
    border: 1px solid #ddd
}

.tag-list .add .suggested-tag-list .tag[data-v-73ffc2df] {
    padding: .5rem 1rem;
    cursor: pointer;
    width: 100%;
    font-size: 1.3rem;
    box-sizing: border-box
}

.tag-list .add .suggested-tag-list .tag[data-v-73ffc2df]:hover {
    color: #007fff
}

.meta-tag-list .item.active[data-v-8cf688be],
.tag-list .add .suggested-tag-list .tag.selected[data-v-73ffc2df] {
    background-color: #eee
}

.entry-form[data-v-8cf688be] {
    display: flex;
    justify-content: space-between;
    position: relative
}

.entry-form .entry-form-input[data-v-8cf688be] {
    flex: 2;
    padding-right: 1.3rem
}

.entry-form .image-upload-block[data-v-8cf688be] {
    flex: 1
}

.input[data-v-8cf688be] {
    padding: 1rem;
    font-size: 1.3rem;
    line-height: 1.4
}

.input[data-v-8cf688be]:not(:last-child) {
    margin-bottom: 1.6rem
}

.input[data-v-8cf688be]:hover {
    border-color: $blue
}

.category-list-box[data-v-8cf688be] {
    margin: 1.3rem auto;
    display: flex
}

.category-list-box .category-list[data-v-8cf688be] {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.tag-list-box[data-v-8cf688be] {
    margin: 1.3rem auto;
    display: flex
}

.tag-list-box .tag-list[data-v-8cf688be] {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.title[data-v-8cf688be] {
    flex-shrink: 0;
    font-size: 1.3rem;
    margin-right: 1.3rem;
    line-height: 31px
}

.submit-btn[data-v-8cf688be] {
    width: 100%;
    font-size: 1.3rem;
    margin-top: 3rem
}

.thumb-uploader[data-v-8cf688be] {
    position: relative;
    cursor: pointer;
    text-align: center;
    padding: 3rem .6rem;
    border: 1px dashed hsla(0, 0%, 40%, .2);
    background-color: hsla(0, 0%, 94.9%, .9);
    min-height: 14rem;
    color: hsla(0, 0%, 40%, .5);
    transition: color .3s, background-color .3s
}

.meta-tag-list-box[data-v-8cf688be] {
    display: flex;
    margin: 1.6rem auto
}

.meta-tag-list-box .item[data-v-8cf688be] {
    border: 1px solid #f1f1f1;
    color: #909090;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    margin-right: .6rem;
    padding: .7rem 1rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    transition: all .3s
}

.meta-tag-list-box .item.active[data-v-8cf688be],
.meta-tag-list-box .item[data-v-8cf688be]:hover {
    color: #007fff;
    border-color: rgba(0, 127, 255, .15);
    background-color: rgba(0, 127, 255, .05);
    transition: all .3s
}

.submitting-mask[data-v-8cf688be] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 1
}

.shared-alert[data-v-8cf688be] {
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 300;
    display: inline-block;
    padding: 1rem 2rem;
    max-width: 15rem;
    font-size: 1.167rem;
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 80.4%, .5);
    border: 1px solid #b3d0ef;
    border-radius: 2px;
    cursor: default
}

.shared-alert.warn[data-v-8cf688be] {
    color: #e33;
    background-color: #f6e3e3;
    border: 1px solid #e99
}

.shared-alert .redict[data-v-8cf688be] {
    color: #e33;
    text-decoration: underline
}

.view.share-entry-view[data-v-0f46935e] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.head[data-v-0f46935e] {
    margin: 3rem 0
}

.head .title[data-v-0f46935e] {
    margin: 0;
    font-size: 2rem;
    line-height: 1
}

.forbidden-box[data-v-0f46935e] {
    margin: 2rem 0;
    padding: 2rem 1rem;
    font-size: 1.167rem;
    text-align: center;
    color: #007bff;
    background-color: #e6f3ff;
    border: 1px solid #b3d0ef
}

.forbidden-box .link[data-v-0f46935e] {
    color: inherit;
    margin: 0 .5em;
    text-decoration: underline
}

.view.edit-entry-view[data-v-8dda6ad0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.head[data-v-8dda6ad0] {
    margin: 3rem 0
}

.head .title[data-v-8dda6ad0] {
    margin: 0;
    font-size: 2rem;
    line-height: 1
}

.nav-list[data-v-2fcb9bc6] {
    display: flex
}

.view-nav[data-v-2fcb9bc6] {
    background-color: #f8f9fa
}

.nav-item .unread-count[data-v-2fcb9bc6] {
    display: inline-block;
    margin-left: .2em;
    padding: .4rem .7rem;
    line-height: 1;
    text-align: center;
    color: #f1f1f1;
    background-color: #007fff;
    border-radius: 2rem;
    transform: scale(.8)
}

.nav-item.active[data-v-2fcb9bc6],
.nav-item[data-v-2fcb9bc6]:hover {
    box-shadow: inset 0 -2px currentColor
}

.view-nav .nav-list .nav-item[data-v-2fcb9bc6] {
    padding: 0 1rem
}

.notification-list[data-v-2fcb9bc6] {
    border-radius: 2px
}

.setting-view[data-v-20a29031] {
    margin-bottom: 2rem;
    width: 58rem;
    max-width: 100%
}

.sub-view-box[data-v-20a29031] {
    position: relative;
    padding: 2.7rem 4rem 7rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .sub-view-box[data-v-20a29031] {
        padding: 1rem
    }
}

.sub-view-box[data-v-20a29031] .setting-list .item {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    border-top: 1px solid #f1f1f1
}

.sub-view-box[data-v-20a29031] .setting-list .item:last-child {
    border-bottom: 1px solid #f1f1f1
}

.sub-view-box[data-v-20a29031] .setting-list .item .title {
    font-size: 1.2rem;
    color: #333;
    width: 10rem
}

.sub-view-box[data-v-20a29031] .setting-list .item .action-box {
    margin-left: 1rem
}

@media (max-width:600px) {
    .sub-view-box[data-v-20a29031] .setting-list .item {
        flex-direction: column;
        align-items: flex-start
    }

    .sub-view-box[data-v-20a29031] .setting-list .item .action-box .icon,
    .sub-view-box[data-v-20a29031] .setting-list .item>.icon {
        display: none
    }

    .sub-view-box[data-v-20a29031] .setting-list .item .title {
        padding-bottom: 1rem;
        font-size: 1.4rem
    }

    .sub-view-box[data-v-20a29031] .setting-list .item .input-box {
        width: 100%
    }

    .sub-view-box[data-v-20a29031] .setting-list .item .account.empty:after {
        content: "æœªç»‘å®š";
        color: #999
    }
}

.bind-email-modal-box[data-v-42d2a096] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.bind-email-form[data-v-42d2a096] {
    position: relative;
    padding: 2rem;
    width: 26.5rem;
    max-width: 100%;
    font-size: 1.167rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.close-btn[data-v-42d2a096] {
    float: right;
    cursor: pointer;
    opacity: .4
}

.close-btn[data-v-42d2a096]:hover {
    opacity: 1
}

.title[data-v-42d2a096] {
    font-size: 1.5rem;
    margin: 0 0 2rem
}

.input-group[data-v-42d2a096] {
    margin-bottom: 1.5rem;
    overflow: hidden
}

.input-box[data-v-42d2a096] {
    position: relative;
    margin-bottom: .8rem
}

.input[data-v-42d2a096] {
    padding: 1rem;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box
}

.input[data-v-42d2a096]:focus {
    border-color: #007fff
}

.btn[data-v-42d2a096] {
    width: 100%;
    height: 3.334rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
    cursor: pointer
}

.btn[data-v-42d2a096]:disabled {
    background-color: #909090;
    cursor: default
}

.password-input[data-v-38c09b1e] {
    display: flex;
    justify-content: flex-end;
    flex: 1
}

.btn[data-v-38c09b1e] {
    background-color: transparent;
    color: #007fff;
    font-size: 1.2rem;
    padding: 0
}

.btn.cancel-btn[data-v-38c09b1e] {
    color: #666
}

.btn .icon[data-v-38c09b1e] {
    vertical-align: bottom;
    height: 1.5rem;
    margin-right: .6rem
}

.input[data-v-38c09b1e] {
    flex: 1;
    display: inline-block;
    border: none;
    outline: none;
    color: #909090;
    font-size: 1.3rem
}

.submit-btn[data-v-31dc6d93] {
    float: right;
    margin: 1.5rem 0 0;
    padding: .8rem 1.4rem;
    font-size: 1.333rem;
    color: #fff;
    background-color: #007fff
}

.submit-btn[data-v-31dc6d93]:disabled {
    background-color: #ddd
}

.iconfont[data-v-496aab7d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-496aab7d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-496aab7d]:before {
    content: "\e601"
}

.setting-invitation-view .invitation-section .invite-title[data-v-496aab7d] {
    font-size: 1.3rem;
    line-height: 2;
    color: #000;
    font-weight: 600
}

.setting-invitation-view .invitation-section .line[data-v-496aab7d] {
    height: 1px;
    background-color: hsla(0, 0%, 59.2%, .1);
    margin-top: 1rem;
    margin-bottom: 1rem
}

.setting-invitation-view .invitation-section .content[data-v-496aab7d] {
    font-size: 1.3rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.7;
    margin-bottom: 2rem
}

.setting-invitation-view .invitation-section .invitation-form .label[data-v-496aab7d] {
    font-size: 1.3rem;
    color: rgba(0, 0, 0, .8);
    line-height: 2.4rem;
    margin-bottom: .6rem;
    font-weight: 700
}

.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-496aab7d] {
    width: 25rem;
    margin-bottom: .8rem;
    padding: .9rem;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff;
    transition: border .3s;
    font-size: 1.3rem;
    color: #333
}

.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-496aab7d]:focus,
.setting-invitation-view .invitation-section .invitation-form .form-input[data-v-496aab7d]:hover {
    border-color: #007fff
}

.setting-invitation-view .invitation-section .invitation-form .send-btn[data-v-496aab7d] {
    margin: .5rem 0 3rem;
    padding: .6rem 1.6rem;
    font-size: 1.3rem
}

.setting-invitation-view .invitation-section .invitation-form .send-btn[data-v-496aab7d]:hover {
    background-color: #0371df
}

.setting-invitation-view .invitation-section .invitation-form .send-btn.disable[data-v-496aab7d] {
    background-color: hsla(0, 0%, 56.5%, .3);
    cursor: not-allowed
}

@media (max-width:600px) {
    .invitation .settings-container[data-v-496aab7d] {
        width: 100%;
        padding: 1.3rem 2rem
    }

    .invitation .invitation-section .line[data-v-496aab7d] {
        width: 100%;
        margin: 1rem auto
    }
}

.mail-inner[data-v-6a504d76] {
    font-size: 14px
}

.mail-inner .switch[data-v-6a504d76] {
    margin-top: 30px
}

.mail-inner .switch .radio-group[data-v-6a504d76] {
    display: inline-flex
}

.mail-inner .switch .radio-group+.radio-group[data-v-6a504d76] {
    margin-left: 25px
}

.view-nav[data-v-e1a2ac40] {
    position: fixed;
    top: 5rem;
    left: 0;
    width: 100%;
    height: 46px;
    background-color: #fff;
    z-index: 100
}

.view-nav .nav-list[data-v-e1a2ac40] {
    width: 960px;
    height: 100%;
    margin: auto;
    display: flex
}

.view-nav .nav-list .nav-item[data-v-e1a2ac40] {
    align-items: center;
    display: flex;
    font-size: 1.16rem;
    font-weight: 600;
    padding: 0 2.5rem;
    border-bottom: 2px solid transparent;
    transition: border-bottom .3s, color .3s
}

.view-nav .nav-list .nav-item.active[data-v-e1a2ac40],
.view-nav .nav-list .nav-item[data-v-e1a2ac40]:hover {
    border-bottom-color: #007fff
}

.view-nav .nav-list .nav-item.active a[data-v-e1a2ac40] {
    color: #007fff
}

.root-view-bg[data-v-e1a2ac40] {
    background-color: #fff
}

.feedback-view[data-v-2a353284] {
    margin: 0 auto
}

.feedback-tips[data-v-2a353284] {
    position: fixed;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-40%);
    text-align: center
}

.feedback-tips p[data-v-2a353284] {
    font-size: 1.4rem;
    color: #909090;
    line-height: 1
}

.feedback-tips button[data-v-2a353284] {
    font-size: 1.2rem;
    padding: .8rem 1.5rem
}

.lazy[data-v-2e4b2736] {
    position: relative
}

.lazy[data-v-2e4b2736]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    border-radius: inherit
}

.lazy[data-v-2e4b2736]:not(.immediate):before {
    transition: opacity .2s
}

.lazy.loaded[data-v-2e4b2736]:before {
    opacity: 0;
    pointer-events: none
}

.iconfont[data-v-3b015bd4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3b015bd4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3b015bd4]:before {
    content: "\e601"
}

.topic-item[data-v-3b015bd4] {
    display: flex;
    flex-grow: 0;
    padding: 1.5rem 1.2rem;
    align-items: flex-start
}

.icon[data-v-3b015bd4] {
    position: relative;
    width: 6rem;
    height: 6rem;
    border-radius: 1rem;
    margin-right: 2%;
    background-size: cover;
    background-repeat: no-repeat
}

.icon .count[data-v-3b015bd4] {
    position: absolute;
    top: -1rem;
    right: -1rem;
    margin: 0;
    padding: .4rem .67rem;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    color: #f1f1f1;
    background-color: #007fff;
    border-radius: 3rem;
    border: 2px solid #fff;
    word-break: normal
}

.content[data-v-3b015bd4] {
    color: #8a9aa9;
    width: 12rem;
    max-width: 12rem;
    letter-spacing: normal;
    text-align: left;
    margin-left: 1.2rem;
    display: flex;
    flex-direction: column
}

.content a[data-v-3b015bd4],
.content span[data-v-3b015bd4] {
    justify-content: center
}

a[data-v-3b015bd4] {
    font-weight: 600;
    color: #2e3135;
    font-size: 1.4rem
}

span[data-v-3b015bd4] {
    padding-top: .5rem;
    font-size: 1.1rem
}

.subscribe[data-v-3b015bd4] {
    cursor: pointer
}

.followed[data-v-3b015bd4] {
    color: #37c701
}

em[data-v-3b015bd4] {
    font-style: normal
}

.iconfont[data-v-21ccf534] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-21ccf534]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-21ccf534]:before {
    content: "\e601"
}

.topic-list[data-v-21ccf534] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.topic-list .title[data-v-21ccf534] {
    padding: 0 1.2rem;
    text-align: left;
    font-size: 2rem;
    color: #0e0e0e;
    font-weight: 600;
    margin: 2rem 0
}

.topic-list .list[data-v-21ccf534] {
    display: flex;
    flex-direction: row;
    max-width: 920px;
    flex-wrap: wrap
}

.skeleton-row[data-v-e6f6d9ae] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-e6f6d9ae] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.topic-skeleton[data-v-e6f6d9ae] {
    padding: 0 1.2rem;
    width: 100%
}

.topic-skeleton .title[data-v-e6f6d9ae] {
    margin: 2rem 0 2rem 1.2rem;
    width: 8.2rem;
    text-align: left;
    background-color: #f3f3f3
}

.topic-skeleton .title span[data-v-e6f6d9ae] {
    font-size: 2rem;
    font-weight: 600;
    opacity: 0
}

.topic-skeleton .list[data-v-e6f6d9ae] {
    display: flex;
    flex-direction: row;
    max-width: 920px;
    flex-wrap: wrap
}

.topic-skeleton .list .topic-item[data-v-e6f6d9ae] {
    display: flex;
    flex-grow: 0;
    padding: 1.5rem 1.2rem;
    align-items: flex-start
}

.topic-skeleton .list .topic-item .icon[data-v-e6f6d9ae] {
    margin-right: 2%;
    width: 6rem;
    height: 6rem;
    border-radius: 1rem;
    background-color: #f3f3f3
}

.topic-skeleton .list .topic-item .content[data-v-e6f6d9ae] {
    margin-left: 1.2rem;
    width: 12rem
}

.topic-skeleton .list .topic-item .content .skeleton-row.s[data-v-e6f6d9ae] {
    width: 30%
}

.topic-skeleton .list .topic-item .content .skeleton-row.m[data-v-e6f6d9ae] {
    width: 60%
}

.iconfont[data-v-4343c916] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4343c916]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4343c916]:before {
    content: "\e601"
}

.topic-view[data-v-4343c916] {
    max-width: 920px;
    margin-top: 1.5rem;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem
}

.root-view-bg[data-v-4343c916] {
    background-color: #fff
}

.book-sticky-footer[data-v-93b1d4c8] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 100;
    background-color: #fff;
    padding-bottom: env(safe-area-inset-bottom)
}

.book-sticky-footer[data-v-93b1d4c8]:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    transform-origin: 0 0;
    transform: scaleY(.5);
    z-index: 2
}

.book-sticky-footer .box[data-v-93b1d4c8] {
    display: flex;
    justify-content: center;
    align-items: center
}

.book-sticky-footer .box .item[data-v-93b1d4c8] {
    padding-top: 5px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.book-sticky-footer .box .item .icon[data-v-93b1d4c8] {
    margin-left: auto;
    margin-right: auto;
    width: 25px;
    height: 25px
}

.book-sticky-footer .box .item .icon .active[data-v-93b1d4c8] {
    display: none
}

.book-sticky-footer .box .item img[data-v-93b1d4c8] {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.book-sticky-footer .box .item.router-link-exact-active .icon .normal[data-v-93b1d4c8] {
    display: none
}

.book-sticky-footer .box .item.router-link-exact-active .icon .active[data-v-93b1d4c8] {
    display: block
}

.book-sticky-footer .box .item.router-link-exact-active .title[data-v-93b1d4c8] {
    color: #007fff
}

.book-sticky-footer .box .item .title[data-v-93b1d4c8] {
    font-size: 12px;
    margin-top: 2px
}

.mask[data-v-c7f373c4] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
    z-index: 2000000000;
    display: flex;
    justify-content: center;
    align-items: center
}

.mask svg path[data-v-c7f373c4] {
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    display: inline-block;
    vertical-align: top;
    fill: #007fff
}

.auth-modal-box[data-v-003e7418] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.auth-form[data-v-003e7418] {
    position: relative;
    padding: 2rem;
    width: 26.5rem;
    max-width: 100%;
    font-size: 1.167rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.close-btn[data-v-003e7418] {
    float: right;
    cursor: pointer;
    opacity: .4
}

.close-btn[data-v-003e7418]:hover {
    opacity: 1
}

.title[data-v-003e7418] {
    font-size: 1.5rem;
    margin: 0 0 2rem
}

.input-group[data-v-003e7418] {
    margin-bottom: .5rem;
    overflow: hidden
}

.insert-book-ticket-txt[data-v-003e7418] {
    color: #007fff;
    margin-bottom: 10px;
    font-size: 12px;
    margin-top: -10px
}

.input-box[data-v-003e7418] {
    position: relative;
    margin-bottom: .8rem
}

.input[data-v-003e7418] {
    padding: 10px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box
}

.input[data-v-003e7418]:focus {
    border-color: #007fff
}

.btn[data-v-003e7418] {
    width: 100%;
    height: 3.334rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
    cursor: pointer
}

.btn[data-v-003e7418]:disabled {
    background-color: #909090;
    cursor: default
}

.vcode-box[data-v-003e7418] {
    display: flex;
    justify-content: center;
    align-items: center
}

.vcode-box .input[data-v-003e7418] {
    max-width: 95px
}

.vcode-box .img-vcode[data-v-003e7418] {
    border: 1px solid #ddd;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 0;
    width: 160px;
    color: #fff;
    height: 40px;
    margin-left: 15px
}

.vcode-box .img-vcode img[data-v-003e7418] {
    max-height: 40px
}

.vcode-box .img-vcode .hint[data-v-003e7418] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center
}

.send-vcode-btn[data-v-003e7418] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    color: #007fff;
    line-height: 1;
    background-color: transparent
}

.send-vcode-btn[data-v-003e7418]:disabled {
    color: #909090;
    cursor: default
}

.send-vcode-btn[data-v-003e7418]:hover(:not(:disabled)) {
    opacity: .8
}

.prompt-box[data-v-003e7418] {
    margin: 1rem 0 0;
    color: #8b9196
}

.prompt-box.center[data-v-003e7418] {
    text-align: center
}

.prompt-box .right[data-v-003e7418] {
    float: right
}

.prompt-box .clickable[data-v-003e7418] {
    color: #007fff;
    cursor: pointer
}

.oauth-box[data-v-003e7418] {
    margin-top: 1.2rem;
    line-height: 1.9rem;
    color: #8b9196
}

.oauth-box .oauth[data-v-003e7418] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 15px
}

.oauth-box .oauth-bg[data-v-003e7418] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f4f8fb;
    display: flex;
    align-items: center;
    justify-content: center
}

.oauth-box .oauth-btn[data-v-003e7418] {
    height: 1.9rem;
    vertical-align: bottom;
    cursor: pointer
}

.panfish .normal[data-v-003e7418] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 10rem;
    transform: translate(-50%, -83%);
    z-index: 1
}

.panfish .greeting[data-v-003e7418] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 10rem;
    transform: translate(-50%, -75.8%);
    z-index: 1
}

.panfish .blindfold[data-v-003e7418] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 8.6rem;
    transform: translate(-50%, -75%);
    z-index: 1
}

.panfish #TCaptcha[data-v-003e7418] {
    width: 310px;
    height: 40px
}

.alert[data-v-64e5035c] {
    display: inline-block;
    padding: 1rem 2rem;
    max-width: 15rem;
    font-size: 1.167rem;
    color: #007bff;
    background-color: #e6f3ff;
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 80.4%, .5);
    border: 1px solid #b3d0ef;
    border-radius: 2px;
    cursor: default
}

.error[data-v-64e5035c] {
    color: #e33;
    background-color: #f6e3e3;
    border: 1px solid #e99
}

.alert-list[data-v-4e3ff5b4] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 1000
}

.alert-list .alert[data-v-4e3ff5b4] {
    margin-bottom: 1rem
}

.suspension-panel[data-v-c94d35f0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 1000
}

@media (max-width:414px) {
    .suspension-panel[data-v-c94d35f0] {
        display: none
    }
}

.suspension-panel .btn[data-v-c94d35f0] {
    margin: 1rem 0 0;
    padding: 0;
    width: 3.33rem;
    height: 3.33rem;
    line-height: 1;
    color: #909090;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    cursor: pointer
}

.suspension-panel .btn[data-v-c94d35f0]:hover {
    box-shadow: 0 0 5px #ddd
}

.suspension-panel .to-top-btn[data-v-c94d35f0] {
    font-size: 1.6rem
}

.suspension-panel .meiqia-btn[data-v-c94d35f0] {
    font-size: 1.3rem;
    color: #007fff
}

.quick-login-modal-box[data-v-0c305cce] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.auth-form[data-v-0c305cce] {
    position: relative;
    padding: 0;
    width: 30rem;
    max-width: 100%;
    font-size: 1.167rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    overflow: hidden
}

.close-btn[data-v-0c305cce] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    cursor: pointer;
    opacity: .4
}

.close-btn[data-v-0c305cce]:hover {
    opacity: 1
}

.logo[data-v-0c305cce] {
    width: 100%
}

.form-title[data-v-0c305cce] {
    margin: 1.5rem 2rem;
    font-size: 1.333rem;
    font-weight: 600;
    line-height: 1.3;
    color: #000
}

.auth-list[data-v-0c305cce] {
    margin: 0 2rem 2rem
}

.auth-btn[data-v-0c305cce] {
    display: flex;
    align-items: center;
    margin-bottom: .8rem;
    padding: 1rem;
    width: 100%;
    font-size: 1.167rem;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .11)
}

.auth-btn .icon[data-v-0c305cce] {
    margin: 0 1rem;
    width: 2rem
}

.auth-btn[data-v-0c305cce]:hover {
    opacity: .9
}

.auth-btn.weibo[data-v-0c305cce] {
    background-color: #d21a1a
}

.auth-btn.wechat[data-v-0c305cce] {
    background-color: #5dba51
}

.auth-btn.github[data-v-0c305cce] {
    background-color: #4c4c4c
}

.auth-btn.register[data-v-0c305cce] {
    justify-content: center;
    color: #007fff;
    background-color: transparent;
    box-shadow: none
}

.extension[data-v-e732de78] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 180px;
    cursor: pointer;
    display: none
}

.extension[data-v-e732de78]:before {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 148px;
    z-index: -1;
    content: "";
    background-color: #fff
}

.extension .link[data-v-e732de78] {
    width: 100%;
    height: 100%;
    color: #000;
    background-repeat: no-repeat;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/extension.138f3a7.png);
    background-position: bottom;
    background-size: auto 180px;
    image-rendering: -webkit-optimize-contrast
}

.extension .link .price[data-v-e732de78] {
    margin-left: 5px;
    margin-right: 5px;
    color: #007fff
}

.extension .link .title[data-v-e732de78] {
    font-size: 26px;
    padding-top: 58px;
    box-sizing: border-box;
    width: 960px;
    margin: 0 auto;
    padding-left: 15px
}

.extension .ion-close[data-v-e732de78] {
    position: absolute;
    top: 45px;
    right: 15px;
    font-size: 12px;
    color: #bbb
}

.extension .ion-close[data-v-e732de78]:hover {
    color: #999
}

.books[data-v-e732de78] {
    display: none;
    left: 15px;
    right: 15px;
    position: fixed;
    bottom: 15px;
    z-index: 900
}

.books.book--mobile[data-v-e732de78] {
    bottom: 55px
}

.books .book-inner[data-v-e732de78] {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fd4243;
    box-sizing: border-box;
    border-radius: 2px;
    background: -webkit-linear-gradient(342deg, #f87554, #f0232f);
    background: linear-gradient(108deg, #f87554, #f0232f);
    background: -webkit-linear-gradient(-12deg, #f87554, #f0232f)
}

.books .book-inner .icon[data-v-e732de78] {
    width: 38px
}

.books .book-inner .icon img[data-v-e732de78] {
    width: 100%;
    display: block
}

.books .book-inner .title[data-v-e732de78] {
    flex-grow: 1;
    padding-left: 15px;
    color: #fff;
    font-size: 15px
}

.books .book-inner .btn-get[data-v-e732de78] {
    padding-left: 15px;
    padding-right: 15px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #fff;
    color: #fff
}

@media (max-width:960px) {
    .books[data-v-e732de78] {
        display: block
    }
}

@media (min-width:960px) {
    .extension[data-v-e732de78] {
        display: block
    }
}

.request-health-alert[data-v-3a87aa5e] {
    position: fixed;
    left: 2rem;
    bottom: 2rem;
    padding: 1rem;
    max-width: 50%;
    color: #e33;
    background-color: #f6e3e3;
    border: 1px solid #e99;
    z-index: 10000
}

@media (max-width:600px) {
    .request-health-alert[data-v-3a87aa5e] {
        display: none
    }
}

.title[data-v-3a87aa5e] {
    margin: 0 0 .4em;
    font-size: 1.5em
}

.content[data-v-3a87aa5e] {
    line-height: 1.5
}

.btn[data-v-3a87aa5e] {
    color: inherit;
    text-decoration: underline;
    user-select: none
}

.close[data-v-3a87aa5e] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    cursor: pointer;
    opacity: .5
}

.close[data-v-3a87aa5e]:hover {
    opacity: 1
}

.book-new-user-award-popup[data-v-01e483d4] {
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto
}

.content-box[data-v-01e483d4] {
    position: relative;
    width: 100%;
    max-width: 350px;
    padding: 30px 20px;
    background-image: linear-gradient(140deg, #f87554, #f0232f);
    border-radius: 2px
}

.content-box .close[data-v-01e483d4] {
    position: absolute;
    width: 30px;
    top: 10px;
    right: 10px;
    height: 30px;
    line-height: 30px;
    color: #eed7a1;
    text-align: center;
    cursor: pointer
}

.content-box .header[data-v-01e483d4] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 30px
}

.content-box .header .icon img[data-v-01e483d4] {
    width: 60px;
    display: block
}

.content-box .header .txt[data-v-01e483d4] {
    font-size: 28px;
    margin-left: 25px;
    font-weight: 700
}

.content-box .desc[data-v-01e483d4] {
    color: #f6e3b7;
    font-size: 14px;
    font-weight: 300
}

.content-box .tickets[data-v-01e483d4] {
    margin-top: 18px
}

.content-box .tickets .ticket[data-v-01e483d4] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
    font-size: 16px;
    position: relative
}

.content-box .tickets .ticket[data-v-01e483d4]:before {
    left: 0;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/left.4bdbb30.png)
}

.content-box .tickets .ticket[data-v-01e483d4]:after,
.content-box .tickets .ticket[data-v-01e483d4]:before {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 56px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2
}

.content-box .tickets .ticket[data-v-01e483d4]:after {
    right: 0;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/right.379deec.png)
}

.content-box .tickets .ticket .ticket__inner[data-v-01e483d4] {
    display: flex;
    background-color: #fff;
    border-top: 1px solid #eed7a1;
    border-bottom: 1px solid #eed7a1;
    height: 54px;
    line-height: 54px
}

.content-box .tickets .ticket .ticket__inner .enjoy[data-v-01e483d4] {
    color: #8b572a;
    text-align: center;
    font-weight: 300;
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0
}

.content-box .tickets .ticket .ticket__inner .enjoy span[data-v-01e483d4] {
    display: block;
    text-align: center;
    color: #8b572a;
    font-weight: 400
}

.content-box .tickets .ticket .ticket__inner .enjoy span.new-title[data-v-01e483d4] {
    font-size: 16px
}

.content-box .tickets .ticket .ticket__inner .sale[data-v-01e483d4] {
    text-align: center;
    color: #8b572a;
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0;
    font-weight: 500;
    background-position: 0 0;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/ticket-border.79a9476.png);
    background-repeat: repeat-y;
    background-size: 2px
}

.content-box .remark[data-v-01e483d4] {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #f6e3b7;
    font-weight: 300
}

.content-box .submit-btn[data-v-01e483d4] {
    cursor: pointer;
    line-height: 45px;
    height: 45px;
    border-radius: 2px;
    text-align: center;
    background-image: linear-gradient(180deg, #fde2ac, #fbc174);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    font-size: 18px;
    color: #8b572a
}

.model[data-v-01e483d4] {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    padding: 20px 25px
}

.model .heading[data-v-01e483d4] {
    font-size: 18px;
    font-weight: 700
}

.model .content-text[data-v-01e483d4] {
    font-size: 14px;
    margin-top: 10px
}

.model .btn-success-footer[data-v-01e483d4] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.model .btn-success-footer .btn-ok[data-v-01e483d4] {
    width: 100px
}

.model .btn-success-footer .btn-ok.btn-link[data-v-01e483d4] {
    color: #fff;
    background-color: #007fff
}

.model .btn-ok[data-v-01e483d4] {
    cursor: pointer;
    margin-top: 25px;
    text-align: center;
    height: 30px;
    font-size: 14px;
    color: #007fff;
    line-height: 30px;
    border: 1px solid #007fff;
    border-radius: 2px
}

@media (max-width:376px) {
    .content-box .desc[data-v-01e483d4] {
        font-size: 13px
    }
}

.reset-password-form[data-v-5b6266c5] {
    padding: 4rem 3rem;
    font-size: 1.16rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.title[data-v-5b6266c5] {
    margin: 0;
    font-size: 2rem;
    text-align: center
}

.nav[data-v-5b6266c5] {
    display: flex;
    margin-top: 3rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #f1f1f1;
    user-select: none
}

.nav .nav-item[data-v-5b6266c5] {
    flex: 1 1 auto;
    padding: .8rem 1rem;
    text-align: center;
    cursor: pointer
}

.nav .nav-item[data-v-5b6266c5]:hover {
    color: #007fff
}

.nav .nav-item.active[data-v-5b6266c5] {
    color: #007fff;
    border-bottom: 2px solid
}

.form-body[data-v-5b6266c5] {
    margin-top: 3rem;
    text-align: center
}

.input[data-v-5b6266c5] {
    margin: 0;
    padding: .5rem 0;
    font-size: 1.1em;
    border: none;
    border-bottom: 1px solid #eee;
    outline: none
}

.input.full-width[data-v-5b6266c5] {
    width: 100%
}

.btn[data-v-5b6266c5] {
    padding: .8rem 1.6rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 2px;
    border: none;
    outline: none
}

.btn[data-v-5b6266c5]:disabled {
    background-color: #999;
    cursor: default
}

.index-link[data-v-5b6266c5] {
    display: inline-block;
    margin: 1.5rem auto 0;
    color: #007fff;
    text-decoration: none
}

.input-group[data-v-5b6266c5]:not(:first-child) {
    margin-top: 2rem
}

.submit-btn[data-v-5b6266c5] {
    margin-top: 3rem;
    width: 100%
}

.panel[data-v-5b6266c5] {
    position: relative
}

.panel .success-message[data-v-5b6266c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: #fff;
    z-index: 1
}

.phone-panel .vcode-input-group[data-v-5b6266c5] {
    display: flex
}

.phone-panel .vcode-input-group .vcode-input[data-v-5b6266c5] {
    flex: 1 1 auto
}

.phone-panel .vcode-input-group .send-vcode-btn[data-v-5b6266c5] {
    flex: 0 0 auto;
    margin-left: 1rem
}

.reset-password-form[data-v-0ff840ee] {
    margin: 6rem auto;
    width: 40rem;
    max-width: 100%
}

.bind-phone-number-modal-box[data-v-4e385c48] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.bind-phone-number-form[data-v-4e385c48] {
    position: relative;
    padding: 2rem;
    width: 26.5rem;
    max-width: 100%;
    font-size: 1.167rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.close-btn[data-v-4e385c48] {
    float: right;
    cursor: pointer;
    opacity: .4
}

.close-btn[data-v-4e385c48]:hover {
    opacity: 1
}

.title[data-v-4e385c48] {
    font-size: 1.5rem;
    margin: 0 0 2rem
}

.input-group[data-v-4e385c48] {
    margin-bottom: 1.5rem;
    overflow: hidden
}

.input-box[data-v-4e385c48] {
    position: relative;
    margin-bottom: .8rem
}

.input[data-v-4e385c48] {
    padding: 9px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box
}

.input[data-v-4e385c48]:focus {
    border-color: #007fff
}

.btn[data-v-4e385c48] {
    width: 100%;
    height: 3.334rem;
    color: #fff;
    background-color: #007fff;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
    cursor: pointer
}

.btn[data-v-4e385c48]:disabled {
    background-color: #909090;
    cursor: default
}

.vcode-box[data-v-4e385c48] {
    display: flex;
    justify-content: center;
    align-items: center
}

.vcode-box .input[data-v-4e385c48] {
    width: auto;
    flex-grow: 1;
    overflow: hidden
}

.vcode-box .img-vcode[data-v-4e385c48] {
    border: 1px solid #ddd;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 0;
    width: 160px;
    color: #333;
    height: 40px;
    margin-left: 15px;
    flex-shrink: 0
}

.vcode-box .img-vcode img[data-v-4e385c48] {
    max-height: 46px
}

.vcode-box .img-vcode .hint[data-v-4e385c48] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center
}

.send-vcode-btn[data-v-4e385c48] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    color: #007fff;
    line-height: 1;
    background-color: transparent
}

.send-vcode-btn[data-v-4e385c48]:disabled {
    color: #909090;
    cursor: default
}

.send-vcode-btn[data-v-4e385c48]:hover(:not(:disabled)) {
    opacity: .8
}

.setting-list .item>.icon[data-v-4fc58c9a] {
    margin-right: .5em;
    height: 1.4em;
    vertical-align: bottom
}

.setting-list .item .account[data-v-4fc58c9a] {
    flex: 1 1 auto;
    font-size: 1.167rem;
    color: #909090
}

.setting-list .item .input-box[data-v-4fc58c9a] {
    flex: 1 1 auto;
    display: flex
}

.setting-list .item .btn[data-v-4fc58c9a] {
    padding: 0;
    font-size: 1.2rem;
    color: #007fff;
    background-color: transparent;
    white-space: nowrap
}

.setting-list .item .btn .icon[data-v-4fc58c9a] {
    margin-right: .6rem;
    height: 1.5rem;
    vertical-align: bottom
}

.iconfont[data-v-e33502b0] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-e33502b0]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-e33502b0]:before {
    content: "\e601"
}

.wechat-quick-login[data-v-e33502b0] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.wechat-quick-login .quick-box[data-v-e33502b0] {
    max-width: 100%;
    min-width: 280px;
    margin-left: 10px;
    margin-top: -20px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.wechat-quick-login .quick-box .header[data-v-e33502b0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    justify-content: space-between;
    padding: 20px 20px 0
}

.wechat-quick-login .quick-box .header .title[data-v-e33502b0] {
    color: #000
}

.wechat-quick-login .quick-box .header .desc[data-v-e33502b0] {
    margin-top: 10px;
    font-size: 15px;
    color: #888
}

.wechat-quick-login .quick-box .auth-box[data-v-e33502b0] {
    padding: 0 20px 5px;
    margin-top: 10px
}

.wechat-quick-login .quick-box .auth-box .auth-btn[data-v-e33502b0] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    color: #fff;
    height: 45px;
    border-radius: 2px;
    font-size: 14px;
    font-size: 16px;
    font-weight: 300
}

.wechat-quick-login .quick-box .auth-box .auth-btn img[data-v-e33502b0] {
    display: block;
    width: 22px;
    margin-right: 10px
}

.wechat-quick-login .quick-box .auth-box .auth-btn.wx[data-v-e33502b0] {
    background-color: #09bb07
}

.wechat-quick-login .quick-box .auth-box .auth-btn.jj[data-v-e33502b0] {
    background-color: #007fff
}

.wechat-quick-login .quick-box .footer[data-v-e33502b0] {
    height: 45px;
    line-height: 45px;
    color: #000;
    font-size: 18px;
    text-align: center;
    border-top: 1px solid #e5e5e5
}

.iconfont[data-v-16b156fa] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-16b156fa]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-16b156fa]:before {
    content: "\e601"
}

.cash-account-wrap[data-v-16b156fa] {
    min-height: 100vh;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px
}

.withdrawal-header .view-details[data-v-16b156fa] {
    padding-top: 18px
}

.withdrawal-header .view-details .btn-details[data-v-16b156fa] {
    color: #838383;
    font-size: 14px
}

.withdrawal-header .rmb-logo[data-v-16b156fa] {
    margin-top: 48px
}

.withdrawal-header .rmb-logo img[data-v-16b156fa] {
    width: 95px;
    height: 95px;
    vertical-align: middle
}

.withdrawal-header .my-cash[data-v-16b156fa] {
    margin-top: 20px;
    font-size: 18px
}

.withdrawal-header .money-line[data-v-16b156fa] {
    margin-top: 10px;
    margin-bottom: 22px;
    line-height: 1;
    color: #000
}

.withdrawal-header .money-line span[data-v-16b156fa] {
    vertical-align: top
}

.withdrawal-header .money-line .unit img[data-v-16b156fa] {
    border: 0;
    width: 20px;
    margin-right: 8px;
    margin-top: 5px
}

.withdrawal-header .money-line .money[data-v-16b156fa] {
    display: inline-block;
    font-size: 44px;
    font-weight: 700
}

.withdrawal-header .btn-withdrawal[data-v-16b156fa] {
    width: 100%;
    height: 40px;
    line-height: 28px;
    font-size: 18px
}

.withdrawal-rules .rules-header[data-v-16b156fa] {
    margin-top: 26px;
    color: #439aff;
    font-size: 14px
}

.withdrawal-rules .rules-list[data-v-16b156fa] {
    font-size: 14px;
    line-height: 1.5;
    color: #888
}

.bind-wehcat-dialog-masker[data-v-16b156fa] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog[data-v-16b156fa] {
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    width: 280px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog .bind-header[data-v-16b156fa] {
    font-size: 18px;
    margin-top: 15px
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog .bind-content[data-v-16b156fa] {
    font-size: 15px;
    color: #888;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 15px;
    margin-bottom: 15px
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer[data-v-16b156fa] {
    heihgt: 50px;
    line-height: 50px;
    font-size: 18px;
    display: flex;
    text-align: center;
    border-top: 1px solid #d2d3d5
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer .btn-cancel[data-v-16b156fa] {
    flex-grow: 1;
    flex-shrink: 0
}

.bind-wehcat-dialog-masker .bind-wehcat-dialog footer .btn-bind[data-v-16b156fa] {
    flex-grow: 1;
    flex-shrink: 0;
    color: #007fff;
    border-left: 1px solid #d2d3d5
}

.status-wrap[data-v-16b156fa] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.status-wrap .inner[data-v-16b156fa] {
    width: 120px;
    height: 120px;
    background-color: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 10px
}

.status-wrap .inner.success[data-v-16b156fa] {
    padding-top: 30px
}

.status-wrap .inner.success img[data-v-16b156fa] {
    width: 50px
}

.status-wrap .inner.success p[data-v-16b156fa] {
    margin-top: 12px
}

.status-wrap .inner.fail[data-v-16b156fa] {
    padding-top: 20px
}

.status-wrap .inner.fail img[data-v-16b156fa] {
    width: 10px
}

.status-wrap .inner.fail p[data-v-16b156fa] {
    margin-top: 8px
}

.badge[data-v-1e731676] {
    display: flex;
    align-items: center;
    min-height: 20px;
    color: #ccc;
    cursor: pointer
}

.badge.active .radio[data-v-1e731676] {
    border: 3px solid #007fff;
    box-shadow: none
}

.radio[data-v-1e731676] {
    display: inline-block;
    position: relative;
    margin-right: .7rem;
    width: 1rem;
    height: 1rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-shadow: inset 0 0 2px #ccc;
    box-sizing: border-box
}

.share-code[data-v-0acb1afe] {
    display: flex;
    align-items: center
}

.share-code .title[data-v-0acb1afe] {
    width: 6em
}

.share-code .text[data-v-0acb1afe] {
    flex: 1 1 auto;
    padding: 0 .5rem;
    height: 2rem;
    color: inherit;
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    outline: none;
    box-sizing: border-box;
    cursor: text
}

.share-code .copy-btn[data-v-0acb1afe] {
    padding: 0;
    width: 4em;
    height: 2rem;
    line-height: 1;
    color: #333;
    background-color: #ccc;
    border: none;
    outline: none;
    border-radius: 0
}

.share-code .copy-btn[data-v-0acb1afe]:hover {
    background-color: #bbb
}

.badge-modal-box[data-v-cfe280bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 500
}

.badge-modal[data-v-cfe280bc] {
    position: relative;
    width: 48rem;
    max-width: 100%;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.header[data-v-cfe280bc] {
    padding: 1.5rem 2rem;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.2;
    background-color: #007fff;
    cursor: default
}

.header .close-btn[data-v-cfe280bc] {
    float: right;
    font-size: 1.2rem;
    line-height: 1;
    opacity: .3;
    cursor: pointer
}

.header .close-btn[data-v-cfe280bc]:hover {
    opacity: .8
}

.body[data-v-cfe280bc] {
    padding: 2rem;
    font-size: 1.3rem
}

.tips-box[data-v-cfe280bc] {
    margin: 0 0 2rem
}

.badge-box[data-v-cfe280bc] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    user-select: none
}

.badge-box .badge[data-v-cfe280bc] {
    margin-bottom: .5rem
}

.badge-box .badge[data-v-cfe280bc]:not(:last-child) {
    margin-right: 2rem
}

.share-code-box[data-v-cfe280bc] {
    margin: 0 0 .5rem;
    font-size: 1.2rem
}

.share-code-box .share-code[data-v-cfe280bc]:not(:last-child) {
    margin-bottom: .5rem
}

.iconfont[data-v-728c3875] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-728c3875]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-728c3875]:before {
    content: "\e601"
}

.published-view[data-v-728c3875] {
    width: 960px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto
}

.published-view .thanks[data-v-728c3875] {
    height: 70px;
    padding-top: 150px;
    text-align: center;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/panfish.ded05ef.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100px;
    font-size: 16px;
    color: #666
}

.published-view .share-content[data-v-728c3875] {
    margin-left: 100px;
    margin-right: 100px;
    padding: 40px 20px 60px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    margin-bottom: 10px
}

.published-view .share-content .title[data-v-728c3875] {
    font-size: 24px;
    text-align: center;
    margin-bottom: 60px;
    display: block;
    color: inherit;
    text-decoration: underline
}

.published-view .share-content .share-list[data-v-728c3875] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.published-view .share-content .share-list .item[data-v-728c3875] {
    position: relative;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 1rem;
    padding: .27rem 1.74rem;
    cursor: pointer;
    margin: .4rem .6rem .4rem 10px;
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle
}

.published-view .share-content .share-list .item .inline[data-v-728c3875] {
    height: 16px;
    vertical-align: middle;
    margin-right: .6rem
}

.published-view .share-content .share-list .item.weibo img.inline[data-v-728c3875] {
    height: 20px
}

.published-view .share-content .share-list .item.wechat .qr-code[data-v-728c3875] {
    position: absolute;
    top: 120%;
    left: 50%;
    width: 10rem;
    height: 10rem;
    border: .5rem solid #fff;
    box-shadow: 0 .5em .5em #ddd;
    transform: translate(-50%);
    display: none;
    z-index: 1
}

.published-view .share-content .share-list .item.wechat:hover .qr-code[data-v-728c3875] {
    display: block;
    image-rendering: -webkit-optimize-contrast
}

.published-view .handle[data-v-728c3875] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 40px
}

.published-view .handle button[data-v-728c3875] {
    width: 140px;
    height: 40px;
    font-size: 16px
}

.published-view .handle .back-text[data-v-728c3875] {
    margin-top: 20px;
    font-size: 16px;
    color: #007fff;
    cursor: pointer
}

.skeleton-row[data-v-38d563b8] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-38d563b8] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.skeleton-list[data-v-38d563b8] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    overflow: hidden
}

.skeleton-list .skeleton-row[data-v-38d563b8] {
    margin-bottom: 16px;
    background: linear-gradient(90deg, #fff, #edeff1, #fff);
    background-size: 480px 480px;
    animation: skeleton-stripes-data-v-38d563b8 .6s linear infinite
}

.skeleton-list .skeleton-row[data-v-38d563b8]:last-of-type {
    margin-bottom: 0
}

.skeleton-list .skeleton-row[data-v-38d563b8]:first-of-type {
    width: 40%
}

.skeleton-list .skeleton-row[data-v-38d563b8]:nth-of-type(2),
.skeleton-list .skeleton-row[data-v-38d563b8]:nth-of-type(3) {
    width: 80%
}

.skeleton-list .skeleton-row[data-v-38d563b8]:nth-of-type(4) {
    width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-38d563b8 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-webkit-keyframes skeleton-stripes-data-v-38d563b8 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-o-keyframes skeleton-stripes-data-v-38d563b8 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@keyframes skeleton-stripes-data-v-38d563b8 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.avatar[data-v-7d0a774a] {
    display: inline-block;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee
}

.avatar.xmas[data-v-7d0a774a]:after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: 30%;
    width: 90%;
    height: 90%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/hats.12a740a.svg);
    transform: rotate(15deg);
    transform-origin: bottom right;
    transition: all .2s
}

.avatar.xmas[data-v-7d0a774a]:hover:after {
    transform: rotate(20deg)
}

.iconfont[data-v-87f03bf0] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-87f03bf0]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-87f03bf0]:before {
    content: "\e601"
}

.user-action-nav[data-v-87f03bf0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.16rem
}

.user-action-nav .nav-list[data-v-87f03bf0] {
    display: flex;
    align-items: center
}

.user-action-nav .nav-list .avatar[data-v-87f03bf0] {
    width: 50px;
    height: 50px;
    border-radius: 2px 0 0 2px
}

.user-action-nav .nav-list.left .nav-item[data-v-87f03bf0] {
    padding: 0 1.5rem;
    display: flex;
    align-items: center
}

.user-action-nav .nav-list.left .nav-item .icon[data-v-87f03bf0] {
    margin-right: .3rem
}

.user-action-nav .nav-list.left a[data-v-87f03bf0] {
    color: #007fff
}

.user-action-nav .nav-list.left a[data-v-87f03bf0]:hover {
    color: #0371df
}

.user-action-nav .nav-list.right .nav-item[data-v-87f03bf0] {
    padding-right: 2rem
}

@media (max-width:600px) {
    .user-action-nav[data-v-87f03bf0] {
        display: none
    }
}

.iconfont[data-v-64be982f] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-64be982f]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-64be982f]:before {
    content: "\e601"
}

.item[data-v-64be982f]:not(:last-child),
.skeleton[data-v-64be982f]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.user-masker[data-v-64be982f] {
    display: flex;
    align-items: center;
    height: 7rem;
    padding: 1rem 2.4rem;
    box-sizing: border-box
}

.user-masker[data-v-64be982f]:before {
    content: "";
    background-color: hsla(0, 0%, 94.5%, .3);
    width: 100%;
    height: 40%
}

.user[data-v-64be982f] {
    position: relative;
    box-sizing: border-box
}

.user[data-v-64be982f]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-64be982f] {
    display: flex;
    align-items: center;
    padding: .5rem 2.4rem;
    min-height: 7rem;
    color: #b9c0c8
}

.avatar[data-v-64be982f] {
    flex: 0 0 auto;
    margin-right: 1.667rem;
    width: 4.17rem;
    height: 4.17rem;
    border-radius: 50%
}

@media (max-width:700px) {
    .avatar[data-v-64be982f] {
        margin-right: 1.5rem
    }
}

.info-box[data-v-64be982f] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .username[data-v-64be982f] {
    font-size: 1.333rem;
    font-weight: 500;
    color: #393939
}

.info-box .detail[data-v-64be982f] {
    font-size: 1rem;
    font-weight: 400;
    color: #b9c0c8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info-box .describe[data-v-64be982f] {
    color: #777d81;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.follow-btn[data-v-64be982f] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 6.6rem;
    height: 2.5rem;
    font-size: 1.1rem;
    color: #37c701;
    background-color: #fff;
    border: 1px solid rgba(55, 199, 1, .6);
    border-radius: 2px
}

.follow-btn[data-v-64be982f]:hover {
    opacity: .8
}

.follow-btn.active[data-v-64be982f] {
    color: #fff;
    background-color: #37c701
}

.nav-list[data-v-f8f2a77c] {
    position: relative
}

.nav-list .nav-item.right[data-v-f8f2a77c] {
    position: absolute;
    top: 0;
    right: 0
}

.nav-list .count[data-v-f8f2a77c] {
    color: #fff;
    display: inline-block;
    padding: 2px 7px;
    line-height: 1.08rem;
    text-align: center;
    font-size: 1rem;
    border-radius: 3rem;
    margin-left: .2rem;
    margin-bottom: 1px;
    background-color: #007fff;
    transform: scale(.833)
}

.fade-enter-active[data-v-f8f2a77c],
.fade-leave-active[data-v-f8f2a77c] {
    transition: opacity .5s
}

.fade-enter[data-v-f8f2a77c],
.fade-leave-to[data-v-f8f2a77c] {
    opacity: 0
}

@media (max-width:960px) {
    .nav-item.right[data-v-f8f2a77c] {
        display: none
    }
}

.recommendation-index-view[data-v-39602929] {
    padding-bottom: 50px
}

.user-list-block[data-v-39602929] {
    width: 700px;
    background-color: #fff
}

@media (max-width:700px) {
    .user-list-block[data-v-39602929] {
        width: 100%
    }
}

[data-v-39602929] .nav-item.right {
    display: none
}

.avatar-uploader[data-v-622f81f0] {
    display: flex
}

.input[data-v-622f81f0] {
    display: none
}

.avatar[data-v-622f81f0] {
    flex: 0 0 auto;
    width: 6rem;
    height: 6rem;
    margin-right: 1rem
}

.hint[data-v-622f81f0] {
    color: #909090;
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.profile-input[data-v-edf97c30] {
    display: flex;
    justify-content: flex-end;
    flex: 1
}

.btn[data-v-edf97c30] {
    background-color: transparent;
    color: #007fff;
    font-size: 1.2rem;
    padding: 0;
    white-space: nowrap
}

.btn.cancel-btn[data-v-edf97c30] {
    color: #666
}

.btn .icon[data-v-edf97c30] {
    vertical-align: bottom;
    height: 1.5rem;
    margin-right: .6rem
}

.input[data-v-edf97c30] {
    flex: 1;
    display: inline-block;
    border: none;
    outline: none;
    color: #909090;
    font-size: 1.3rem
}

.setting-list .item[data-v-fb3014c0]:first-child {
    padding: 1rem 0
}

.iconfont[data-v-1a964c75] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1a964c75]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1a964c75]:before {
    content: "\e601"
}

.withdraw-modal-box[data-v-1a964c75] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .9);
    z-index: 10
}

.withdraw-modal[data-v-1a964c75] {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1.75em;
    width: 23.75em;
    max-width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.modal-header[data-v-1a964c75] {
    display: flex;
    position: relative
}

.modal-header .title[data-v-1a964c75] {
    flex: 1 1 auto;
    margin: .5em 0 0;
    font-weight: 600
}

.modal-header .close-btn[data-v-1a964c75] {
    height: 1em;
    color: #e8e8e8;
    cursor: pointer
}

.modal-header .close-btn[data-v-1a964c75]:hover {
    color: #cfcfcf
}

.modal-body[data-v-1a964c75] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 2em 0;
    font-size: .875em
}

.modal-body .error-tip[data-v-1a964c75] {
    position: absolute;
    top: .8em;
    right: 0;
    font-size: .875em;
    color: #e22323
}

.modal-body .input-row[data-v-1a964c75] {
    display: flex;
    align-items: center;
    padding: .35em 0
}

.modal-body .input-row .label[data-v-1a964c75] {
    flex: 0 0 auto;
    margin-right: .8em;
    width: 5em;
    text-align: right
}

.modal-body .input-row .input-box[data-v-1a964c75] {
    flex: 1 1 auto;
    position: relative;
    height: 2.857em;
    border: 1px solid #e8e8e8;
    border-radius: $radius-small
}

.modal-body .input-row .input-box .input[data-v-1a964c75] {
    padding: 0 .8em;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent
}

.modal-body .input-row .input-box[data-v-1a964c75]:after,
.modal-body .input-row .input-box[data-v-1a964c75]:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: -1
}

.modal-body .input-row .input-box.empty[data-v-1a964c75]:after {
    content: attr(holder-text);
    left: .8em;
    color: #909090
}

.modal-body .input-row .input-box.currency[data-v-1a964c75] {
    padding-left: 1.5em
}

.modal-body .input-row .input-box.currency[data-v-1a964c75]:before {
    content: "Â¥";
    margin-top: .01em;
    left: .622em;
    font-size: 1.286em;
    font-weight: 500;
    color: #666
}

.modal-body .input-row .input-box.currency[data-v-1a964c75]:after {
    left: 2.3em
}

.modal-body .success-panel[data-v-1a964c75] {
    display: flex
}

.modal-body .success-panel .face[data-v-1a964c75] {
    flex: 0 0 auto;
    margin-right: 1.5em;
    width: 77px;
    height: 77px;
    background-position: 50%;
    background-size: contain;
    background-image: url(https://b-gold-cdn.xitu.io/images/wallet/face.svg)
}

.modal-body .success-panel .words[data-v-1a964c75] {
    flex: 1 1 auto
}

.modal-body .success-panel .words p[data-v-1a964c75] {
    margin: .4em 0;
    line-height: 1.5
}

.modal-body .success-panel .words .rule-link[data-v-1a964c75] {
    margin-left: .5em;
    color: #007fff
}

.modal-footer[data-v-1a964c75] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

.modal-footer .ctrl-btn[data-v-1a964c75] {
    padding: .4em 1.2em;
    font-size: .875em;
    background-color: #fff;
    border-radius: $radius-small;
    outline: none
}

.modal-footer .ctrl-btn[disabled][data-v-1a964c75] {
    color: #d2d2d2
}

.modal-footer .cancel-btn[data-v-1a964c75] {
    margin-right: 1em;
    color: #666;
    border: none
}

.modal-footer .cancel-btn[data-v-1a964c75]:not([disabled]):hover {
    color: #4d4d4d
}

.modal-footer .confirm-btn[data-v-1a964c75] {
    color: #007fff;
    border: 1px solid
}

.modal-footer .confirm-btn[data-v-1a964c75]:not([disabled]):hover {
    color: #06c
}

.iconfont[data-v-3226644c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3226644c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3226644c]:before {
    content: "\e601"
}

.wallet-view[data-v-3226644c] {
    font-size: 16px;
    line-height: 1;
    cursor: default;
    user-select: none;
    overflow-x: hidden
}

.wallet-view[data-v-3226644c]:after {
    content: attr(msg);
    position: absolute;
    top: 10rem;
    left: 50%;
    font-size: $small-font-size;
    color: #c0c6cc;
    transform: translate(-50%, -50%);
    z-index: 10
}

.wallet-view .wallet-view-bg[data-v-3226644c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f8f9fa;
    z-index: -1
}

.wallet-view .wallet-container[data-v-3226644c] {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    width: 830px;
    max-width: 100%
}

.wallet-view .wallet-section[data-v-3226644c] {
    margin: 1em 0 0;
    background-color: #fff;
    border-radius: $radius-md
}

.wallet-view .wallet-header-section[data-v-3226644c] {
    display: flex;
    flex: 0 0 auto
}

.wallet-view .wallet-header-section[data-v-3226644c]:after {
    padding: 2em 0;
    left: 0;
    width: 100%;
    font-size: .875em;
    text-align: center;
    color: #d2d2d2
}

.wallet-view .wallet-header-section.loading[data-v-3226644c]:after {
    content: attr(msg)
}

.wallet-view .wallet-body-section[data-v-3226644c] {
    flex: 1 0 auto;
    margin-bottom: 3em
}

.wallet-view .wallet-header-box[data-v-3226644c] {
    display: flex;
    height: 7.875em;
    box-sizing: border-box
}

.wallet-view .wallet-header-box[data-v-3226644c]:not(:last-child) {
    border-right: 1px solid #f8f9fa
}

.wallet-view .wallet-user[data-v-3226644c] {
    align-items: center;
    flex: 0 0 auto;
    padding: 1.625em;
    width: 55.422%
}

.wallet-view .wallet-user .user-avatar[data-v-3226644c] {
    flex: 0 0 auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #f8f9fa;
    background-position: 50%;
    background-size: cover
}

.wallet-view .user-info-box[data-v-3226644c] {
    flex: 1 1 auto;
    margin-left: 1.25em;
    min-width: 0
}

.wallet-view .user-info-box .user-name[data-v-3226644c] {
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wallet-view .user-info-box .user-ctrl-box[data-v-3226644c] {
    display: flex;
    align-items: center;
    margin-top: .8em;
    font-size: .875em
}

.wallet-view .user-info-box .user-ctrl-box .withdraw-btn[data-v-3226644c] {
    padding: .5em 1.5em;
    color: #007fff;
    background-color: #fff;
    border: 1px solid;
    white-space: nowrap;
    transition: all $speed-normal
}

.wallet-view .user-info-box .user-ctrl-box .withdraw-btn[data-v-3226644c]:not([disabled]):hover {
    color: #06c
}

.wallet-view .user-info-box .user-ctrl-box .withdraw-btn[disabled][data-v-3226644c] {
    color: #d2d2d2
}

.wallet-view .user-info-box .user-ctrl-box .withdraw-tip[data-v-3226644c] {
    margin-left: 1em;
    color: #909090;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wallet-view .user-info-box .user-ctrl-box .setting-link[data-v-3226644c] {
    margin-left: .2em;
    color: #007fff;
    cursor: pointer
}

.wallet-view .wallet-amount-box[data-v-3226644c] {
    flex: 1 1 auto
}

.wallet-view .wallet-amount[data-v-3226644c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    padding: 1.25em
}

.wallet-view .wallet-amount .amount-desc[data-v-3226644c] {
    font-size: .75em;
    color: #909090
}

.wallet-view .wallet-amount .amount-desc[data-v-3226644c]:before {
    content: "Â¥";
    display: inline-block;
    margin-right: .2em;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    line-height: 1.25;
    border: 1px solid;
    border-radius: 50%;
    transform: scale(.9)
}

.wallet-view .wallet-amount .amount[data-v-3226644c] {
    margin-top: .3em;
    font-size: 2.125em
}

.wallet-view .wallet-amount .amount.balance-amount[data-v-3226644c] {
    color: #37c700
}

.wallet-view .wallet-amount .amount.income-amount[data-v-3226644c] {
    color: #666
}

.wallet-view .wallet-amount[data-v-3226644c]:not(:last-child) {
    border-right: 1px solid #f8f9fa
}

.wallet-view .wallet-bill-table[data-v-3226644c] {
    width: 100%;
    text-align: left;
    line-height: 4.4
}

.wallet-view .wallet-bill-table .bill-head[data-v-3226644c] {
    font-size: .9375em;
    font-weight: 600
}

.wallet-view .wallet-bill-table .bill-head[data-v-3226644c]:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #f8f9fa
}

.wallet-view .wallet-bill-table .bill-body[data-v-3226644c] {
    font-size: .875em
}

.wallet-view .wallet-bill-table .bill-body .bill-row[data-v-3226644c]:not(:last-child) {
    border-bottom: 1px solid #f8f9fa
}

.wallet-view .wallet-bill-table .bill-body .bill-item-amount.income[data-v-3226644c] {
    color: #37c700
}

.wallet-view .wallet-bill-table .bill-body .bill-item-state[data-v-3226644c] {
    color: #909090
}

.wallet-view .wallet-bill-table .bill-item[data-v-3226644c] {
    padding: 0 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wallet-view .wallet-bill-table .bill-item.bill-item-remark .item-content[data-v-3226644c] {
    max-width: 19.5em;
    overflow: hidden;
    text-overflow: ellipsis
}

.wallet-view .wallet-bill-table .post-link[data-v-3226644c] {
    color: #007fff
}

.wallet-view .wallet-bill-table .indication[data-v-3226644c] {
    text-align: center;
    color: #d2d2d2
}

@media (max-width:800px) {
    .wallet-view .wallet-user[data-v-3226644c] {
        width: auto
    }

    .wallet-view .withdraw-tip[data-v-3226644c] {
        display: none
    }

    .wallet-view .wallet-bill-table .bill-item[data-v-3226644c] {
        padding: 0 1em
    }
}

@media (max-width:600px) {
    .wallet-view .withdraw-tip[data-v-3226644c] {
        display: block
    }

    .wallet-view .wallet-header-section[data-v-3226644c] {
        flex-direction: column
    }

    .wallet-view .wallet-amount-box[data-v-3226644c] {
        border-top: 1px solid #f8f9fa
    }

    .wallet-view .wallet-amount[data-v-3226644c] {
        align-items: center
    }

    .wallet-view .wallet-user[data-v-3226644c] {
        flex-direction: column;
        height: auto
    }

    .wallet-view .wallet-user .user-avatar[data-v-3226644c] {
        margin: .6em 0 0
    }

    .wallet-view .user-info-box[data-v-3226644c] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0
    }

    .wallet-view .user-info-box .user-name[data-v-3226644c] {
        margin: 1em 0 .5em;
        font-size: 1.85em;
        font-weight: 400
    }

    .wallet-view .user-info-box .user-ctrl-box[data-v-3226644c] {
        flex-direction: column
    }

    .wallet-view .user-info-box .user-ctrl-box .withdraw-tip[data-v-3226644c] {
        margin: 1em 0 0
    }

    .wallet-view .bill-item-remark[data-v-3226644c] {
        display: none
    }
}

.iconfont[data-v-04b9532e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-04b9532e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-04b9532e]:before {
    content: "\e601"
}

.user-masker[data-v-04b9532e] {
    display: flex;
    align-items: center;
    height: 7rem;
    padding: 1rem 2.4rem;
    box-sizing: border-box
}

.user-masker[data-v-04b9532e]:before {
    content: "";
    background-color: hsla(0, 0%, 94.5%, .3);
    width: 100%;
    height: 40%
}

.user[data-v-04b9532e] {
    position: relative;
    box-sizing: border-box
}

.user[data-v-04b9532e]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-04b9532e] {
    display: flex;
    align-items: center;
    padding: .5rem 2.4rem;
    min-height: 7rem
}

.avatar[data-v-04b9532e] {
    flex: 0 0 auto;
    margin-right: 1.667rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.info-box[data-v-04b9532e] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .username[data-v-04b9532e] {
    font-size: 1.333rem;
    font-weight: 500;
    color: #393939
}

.info-box .detail[data-v-04b9532e] {
    margin-top: .6rem;
    font-size: 1rem;
    font-weight: 500;
    color: #b9c0c8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.follow-btn[data-v-04b9532e] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 6.6rem;
    height: 2.5rem;
    font-size: 1.1rem;
    color: #37c701;
    background-color: #fff;
    border: 1px solid rgba(55, 199, 1, .6);
    border-radius: 2px
}

.follow-btn[data-v-04b9532e]:hover {
    opacity: .8
}

.follow-btn.active[data-v-04b9532e] {
    color: #fff;
    background-color: #37c701
}

.iconfont[data-v-f4b009f8] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f4b009f8]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-f4b009f8]:before {
    content: "\e601"
}

.userlist-modal[data-v-f4b009f8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .96);
    overflow: auto;
    z-index: 251
}

.close-btn[data-v-f4b009f8] {
    position: fixed;
    top: 2rem;
    right: 3rem;
    padding: .5rem;
    font-size: 1.4rem;
    color: #333;
    cursor: pointer
}

.close-btn[data-v-f4b009f8]:hover {
    color: #000
}

.modal-content[data-v-f4b009f8] {
    margin: 6rem auto 4rem;
    width: 45rem;
    max-width: 90%
}

.modal-content>.title[data-v-f4b009f8] {
    margin: 0 0 3.4rem;
    font-size: 2.167rem;
    font-weight: 600;
    text-align: center;
    color: #393939
}

.iconfont[data-v-c8c2849e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c8c2849e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-c8c2849e]:before {
    content: "\e601"
}

.user-notification[data-v-c8c2849e] {
    padding: 2rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    position: relative
}

.followed[data-v-c8c2849e] {
    display: flex;
    flex-direction: column
}

.followed .topbar[data-v-c8c2849e] {
    padding: .5rem 0;
    color: #17181a;
    font-size: 1.3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.followed .topbar .all[data-v-c8c2849e] {
    color: #027fff;
    cursor: pointer
}

.followed .content[data-v-c8c2849e] {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    border-radius: 2px;
    border: 1px solid #ebebeb;
    justify-content: space-between;
    align-items: center
}

.followed .content .profile[data-v-c8c2849e] {
    display: flex;
    flex-direction: row
}

.followed .content .profile .avatar[data-v-c8c2849e] {
    width: 4.15rem;
    height: 4.15rem;
    border-radius: 100%
}

.followed .content .profile .info[data-v-c8c2849e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem
}

.followed .content .profile .info span.name[data-v-c8c2849e] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2e3135
}

.followed .content .profile .info span.position[data-v-c8c2849e] {
    color: #8a9aa9;
    font-size: 1.2rem;
    padding: .5rem 0;
    text-overflow: ellipsis;
    max-width: 40rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.followed .content .follow-btn[data-v-c8c2849e] {
    font-size: 1.333rem;
    font-weight: 600;
    width: 9rem;
    height: 2.833rem;
    color: #37c701;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #37c701
}

.followed .content .follow-btn[data-v-c8c2849e]:hover {
    opacity: .8
}

.followed .content .follow-btn.active[data-v-c8c2849e] {
    color: #fff;
    background-color: #37c701
}

.link[data-v-c8c2849e] {
    justify-content: space-between
}

.link .user[data-v-c8c2849e],
.link[data-v-c8c2849e] {
    display: flex;
    flex-direction: row
}

.link .user .avatar[data-v-c8c2849e] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%
}

.link .user .profile[data-v-c8c2849e] {
    padding: 0 1rem;
    color: #8a9aa9;
    font-size: 1rem
}

.link .user .profile .name[data-v-c8c2849e] {
    color: #2e3135;
    font-size: 1.3rem;
    font-weight: 600
}

.link .user .profile .name .multi[data-v-c8c2849e] {
    margin-left: .333rem;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400
}

.link .user .profile .info[data-v-c8c2849e] {
    font-size: 1.166rem;
    padding: .5rem 0;
    display: flex
}

.link .user .profile .info span[data-v-c8c2849e] {
    margin-right: .5rem
}

.link .user .profile .info .position[data-v-c8c2849e] {
    text-overflow: ellipsis;
    max-width: 40rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.link .check[data-v-c8c2849e] {
    font-size: 1.16rem;
    cursor: pointer;
    color: #027fff
}

.entry[data-v-c8c2849e] {
    padding: 0 0 0 5rem;
    font-size: 1.25rem
}

.entry .content[data-v-c8c2849e] {
    color: #17181a;
    padding: 0 0 .6rem
}

.entry .entryUrl[data-v-c8c2849e] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 2px;
    background-color: #f8f8f8;
    height: 3.25rem;
    padding: 0 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.entry .entryUrl .icon[data-v-c8c2849e] {
    flex: 0 0 auto;
    width: 1.4rem;
    height: 1.4rem;
    background-repeat: no-repeat;
    background-size: 100% 120%;
    display: inline-block
}

.entry .entryUrl .icon.comment[data-v-c8c2849e] {
    transform: scaleX(-1)
}

.entry .entryUrl span[data-v-c8c2849e] {
    color: #2e3135;
    text-overflow: ellipsis;
    overflow: hidden
}

.entry .entryUrl span em[data-v-c8c2849e] {
    color: #a1a9b3;
    font-style: normal;
    padding: 0 .5rem
}

.entry .entryUrl span a[data-v-c8c2849e] {
    color: #2e3135
}

.entry .entryUrl span a[data-v-c8c2849e]:hover {
    color: #007fff
}

.user-list[data-v-c8c2849e] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.user-list .title[data-v-c8c2849e] {
    color: #393939;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    height: 3rem;
    text-align: center
}

@media (max-width:600px) {
    .user-notification[data-v-c8c2849e] {
        padding: 1rem
    }

    .user-notification .others .link[data-v-c8c2849e] {
        font-size: 1.083rem
    }

    .user-notification .others .link .user .avatar[data-v-c8c2849e] {
        width: 3rem;
        height: 3rem
    }

    .user-notification .others .link .user .profile .name[data-v-c8c2849e] {
        font-size: 1.166rem
    }

    .user-notification .others .link .user .profile .info[data-v-c8c2849e] {
        font-size: 1.083rem;
        padding: 0;
        display: flex
    }

    .user-notification .others .link .user .profile .info .position[data-v-c8c2849e] {
        text-overflow: ellipsis;
        max-width: 15rem;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap
    }

    .user-notification .entry[data-v-c8c2849e] {
        padding: 0 0 0 2rem;
        margin-top: 1rem
    }

    .user-notification .entry .content[data-v-c8c2849e] {
        font-size: 1.166rem
    }

    .user-notification .entry .entryUrl[data-v-c8c2849e] {
        padding: .5rem 1rem;
        font-size: 1.083rem;
        height: 2rem
    }

    .user-notification .followed .topbar[data-v-c8c2849e] {
        font-size: 1.166rem
    }

    .user-notification .followed .content[data-v-c8c2849e] {
        padding: .5rem
    }

    .user-notification .followed .content .profile .avatar[data-v-c8c2849e] {
        width: 3rem;
        height: 3rem
    }

    .user-notification .followed .content .profile .info[data-v-c8c2849e] {
        font-size: 1.083rem
    }

    .user-notification .followed .content .profile .info .name[data-v-c8c2849e] {
        font-size: 1.166rem
    }

    .user-notification .followed .content .profile .info .position[data-v-c8c2849e] {
        font-size: 1.083rem;
        text-overflow: ellipsis;
        max-width: 15rem;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap
    }

    .user-notification .followed .follow-btn[data-v-c8c2849e] {
        width: 7rem;
        height: 2.8rem;
        line-height: 2.8rem;
        padding: 0;
        font-size: 1.166rem
    }
}

.iconfont[data-v-93d04764] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-93d04764]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-93d04764]:before {
    content: "\e601"
}

.notification .wrap[data-v-93d04764] {
    display: flex;
    align-items: baseline;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.5;
    color: #666;
    padding: 0 2rem
}

.notification .wrap:hover .read-state[data-v-93d04764] {
    color: #007fff
}

.notification .wrap .title[data-v-93d04764] {
    flex: 1 1 auto
}

.notification .wrap .title[data-v-93d04764] .highlight {
    margin: 0 .1em;
    font-weight: 600;
    color: #666
}

.notification .wrap .title[data-v-93d04764] .highlight:hover {
    color: #007fff
}

.notification .wrap .read-state[data-v-93d04764] {
    margin-left: 2em;
    font-size: 1rem;
    color: #f1f1f1
}

.notification .wrap.unread[data-v-93d04764] {
    color: #007fff
}

.notification .wrap .date[data-v-93d04764] {
    min-width: 10em;
    font-size: 1rem;
    text-align: right;
    white-space: nowrap
}

@media (max-width:600px) {
    .notification .wrap[data-v-93d04764] {
        font-size: 1rem
    }

    .notification .wrap .read-state[data-v-93d04764] {
        margin-left: 1rem
    }

    .notification .wrap .date[data-v-93d04764] {
        min-width: 5rem
    }

    .notification .wrap .date .icon[data-v-93d04764] {
        display: none
    }
}

.skeleton-row[data-v-3ee45e93] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-3ee45e93] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.skeleton-notification[data-v-3ee45e93] {
    padding: 2rem;
    min-height: 140px;
    background-color: #fff;
    box-sizing: border-box
}

.skeleton-notification-header[data-v-3ee45e93] {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.skeleton-notification-header .skeleton-avatar[data-v-3ee45e93] {
    width: 3.75rem;
    height: 3.75rem
}

.skeleton-notification-header .profile[data-v-3ee45e93] {
    margin-left: 1.2rem
}

.skeleton-notification-header .profile .name[data-v-3ee45e93] {
    margin-top: .3rem;
    width: 5rem
}

.skeleton-notification-header .profile .info[data-v-3ee45e93] {
    width: 8rem
}

.skeleton-notification-body[data-v-3ee45e93] {
    padding: 0 0 0 5rem
}

.skeleton-notification-body .skeleton-row[data-v-3ee45e93]:last-of-type {
    margin-bottom: 0;
    width: 90%
}

.iconfont[data-v-010795b6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-010795b6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-010795b6]:before {
    content: "\e601"
}

.notification-list.system[data-v-010795b6] {
    padding: 1.666rem 0;
    width: 700px;
    background: #fff;
    border-radius: 0
}

.notification-list .item[data-v-010795b6]:not(:last-child) {
    margin-bottom: 1.333rem
}

.empty[data-v-010795b6] {
    text-align: center;
    font-size: 1.3rem;
    color: #666
}

@media (max-width:600px) {
    .notification-list.system[data-v-010795b6] {
        width: 100%
    }
}

.user-view[data-v-8c41db24] {
    position: relative;
    width: 700px
}

.user-view .notification-list[data-v-8c41db24] {
    width: 100%;
    margin-bottom: 1rem
}

@media (max-width:980px) {
    .user-view[data-v-8c41db24] {
        width: 100%
    }
}

.content-box[data-v-eba9e8ec] {
    font-size: 15px;
    line-height: 1.6;
    white-space: pre-wrap;
    color: #17181a
}

.topic-title[data-v-eba9e8ec] {
    margin-right: .3em;
    color: #007fff
}

.limit-btn[data-v-eba9e8ec] {
    display: inline-block;
    margin-top: .4rem;
    color: #007fff;
    cursor: pointer;
    user-select: none
}

.limit-btn[data-v-eba9e8ec]:hover {
    opacity: .8
}

[data-v-eba9e8ec] .emoji {
    width: 1.666rem;
    height: 1.666rem;
    vertical-align: sub
}

.iconfont[data-v-70a8ede4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-70a8ede4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-70a8ede4]:before {
    content: "\e601"
}

.link-box[data-v-70a8ede4] {
    display: flex;
    align-items: center;
    padding: .833rem 1.333rem;
    width: 44.166rem;
    max-width: 100%;
    max-height: 7.083rem;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box
}

@media (max-width:600px) {
    .link-box .link-thumb[data-v-70a8ede4] {
        width: 6rem;
        height: 6rem
    }

    .link-box .link-info-box[data-v-70a8ede4] {
        height: 6rem
    }
}

.link-box[data-v-70a8ede4]:hover {
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1)
}

.link-thumb[data-v-70a8ede4] {
    flex: 0 0 auto;
    margin-left: 1.333rem;
    width: 5.416rem;
    height: 5.416rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px
}

.link-thumb.blank[data-v-70a8ede4] {
    background: url(https://b-gold-cdn.xitu.io/v3/static/img/defaultThumb.023ed66.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.link-info-box[data-v-70a8ede4] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 5.416rem;
    min-width: 0
}

.link-info-box .link-title[data-v-70a8ede4] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: nowrap
}

.link-info-box .link-domain[data-v-70a8ede4] {
    margin-top: auto;
    font-size: 1.167rem;
    color: #8a93a0
}

.carousel-loading[data-v-6d4258a0] {
    width: 80px;
    height: 76px;
    overflow: hidden
}

.carousel-loading .content[data-v-6d4258a0] {
    position: relative;
    transform: scale(1.8)
}

.carousel-loading .section[data-v-6d4258a0] {
    margin-left: 22px;
    position: absolute;
    animation: fade-data-v-6d4258a0 1.2s infinite
}

.carousel-loading .section.a[data-v-6d4258a0] {
    top: 0;
    left: 14px
}

.carousel-loading .section.b[data-v-6d4258a0] {
    top: 12px;
    left: 7px;
    animation-delay: .2s
}

.carousel-loading .section.c[data-v-6d4258a0] {
    top: 20px;
    left: 0;
    animation-delay: .4s
}

@-moz-keyframes fade-data-v-6d4258a0 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fade-data-v-6d4258a0 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fade-data-v-6d4258a0 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes fade-data-v-6d4258a0 {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.gallery-wrap[data-v-59ad3ce6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001
}

.gallery-overlay[data-v-59ad3ce6] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    background-color: #000
}

.gallery-inner[data-v-59ad3ce6] {
    user-select: none
}

.gallery-inner .control[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper[data-v-59ad3ce6] {
    position: absolute;
    cursor: pointer;
    z-index: 1003
}

.gallery-inner .control.next[data-v-59ad3ce6],
.gallery-inner .control.prev[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.next[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.prev[data-v-59ad3ce6] {
    width: 30vw;
    height: 100vh
}

.gallery-inner .control.prev[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.prev[data-v-59ad3ce6] {
    left: 0;
    cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/left.906c5c1.cur), auto
}

.gallery-inner .control.next[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.next[data-v-59ad3ce6] {
    right: 0;
    cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/right.6275260.cur), auto
}

.gallery-inner .control.close[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.close[data-v-59ad3ce6] {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 41.2%, .2);
    transition: .2s
}

.gallery-inner .control.close[data-v-59ad3ce6]:hover,
.gallery-inner .counter-bar-wrapper.close[data-v-59ad3ce6]:hover {
    transform: rotate(-90deg);
    background-color: hsla(0, 0%, 58.8%, .5)
}

.gallery-inner .control.close .close-icon[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.close .close-icon[data-v-59ad3ce6] {
    position: absolute;
    top: 35%;
    left: 35%;
    width: 30%;
    height: 30%
}

.gallery-inner .control.close .close-icon .close-path[data-v-59ad3ce6],
.gallery-inner .counter-bar-wrapper.close .close-icon .close-path[data-v-59ad3ce6] {
    fill: #fff
}

.gallery-inner.control-hidden .control[data-v-59ad3ce6] {
    display: none
}

.gallery-inner .counter-bar-wrapper[data-v-59ad3ce6] {
    bottom: 0;
    width: 100%;
    height: 66px;
    line-height: 66px;
    text-align: center;
    cursor: default
}

.gallery-inner .counter-bar-wrapper:hover .counter-bar[data-v-59ad3ce6] {
    transform: translateY(0)
}

.gallery-inner .counter-bar-wrapper .counter-bar[data-v-59ad3ce6] {
    background-color: rgba(0, 0, 0, .6);
    transform: translateY(100%);
    transition: .3s
}

.gallery-inner .counter-bar-wrapper .counter-hinter[data-v-59ad3ce6] {
    font-size: 24px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .6)
}

.gallery-inner .counter-bar-wrapper .counter-hinter .current-index[data-v-59ad3ce6] {
    margin-right: 8px;
    font-size: 36px;
    color: #fff
}

.gallery-contents[data-v-59ad3ce6] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222
}

.gallery-contents .slide[data-v-59ad3ce6] {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-contents .slide.zoomable[data-v-59ad3ce6] {
    cursor: zoom-in
}

.gallery-contents .slide.zoomed[data-v-59ad3ce6] {
    align-items: baseline;
    cursor: zoom-out;
    overflow: auto
}

.gallery-contents .slide.zoomed .slide-img[data-v-59ad3ce6] {
    max-width: 100%;
    max-height: inherit
}

.gallery-contents .slide .slide-img[data-v-59ad3ce6] {
    position: relative;
    max-width: 100vw;
    max-height: 100vh;
    z-index: 1000
}

.gallery-contents .slide .loading[data-v-59ad3ce6] {
    position: absolute;
    top: calc(50% - 38px);
    z-index: 999
}

.fade-enter-active[data-v-59ad3ce6],
.fade-leave-active[data-v-59ad3ce6] {
    transition: opacity .3s
}

.fade-enter[data-v-59ad3ce6],
.fade-leave-to[data-v-59ad3ce6] {
    opacity: 0
}

.mobile-gallery[data-v-2e47c6ff] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #000;
    z-index: 10000
}

.mobile-gallery-close[data-v-2e47c6ff],
.mobile-gallery-counter[data-v-2e47c6ff] {
    position: fixed;
    z-index: 10001
}

.mobile-gallery-counter[data-v-2e47c6ff] {
    top: 24px;
    width: 100%;
    font-size: 16px;
    letter-spacing: 2px;
    text-shadow: 0 0 3px #333;
    text-align: center
}

.mobile-gallery-close[data-v-2e47c6ff] {
    top: 20px;
    right: 20px;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid hsla(0, 0%, 100%, .3)
}

.mobile-gallery-loading[data-v-2e47c6ff] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    z-index: 10001
}

.mobile-gallery-group[data-v-2e47c6ff],
.mobile-gallery-img[data-v-2e47c6ff] {
    height: 100%;
    overflow-y: scroll
}

.mobile-gallery-group[data-v-2e47c6ff] {
    font-size: 0
}

.mobile-gallery-img[data-v-2e47c6ff] {
    float: left
}

.mobile-gallery-img img[data-v-2e47c6ff] {
    position: relative;
    display: block;
    width: 100%
}

.pin-carousel[data-v-4ac343e0] {
    width: 100%
}

.action-bar[data-v-4ac343e0] {
    height: 32px;
    user-select: none;
    background-color: #f4f5f7
}

.action-item[data-v-4ac343e0] {
    padding: 0 12px;
    display: inline-block;
    font-size: 13px;
    color: #76797e;
    cursor: pointer;
    line-height: 32px
}

.action-item:not(.not-allow):hover .icon svg path[data-v-4ac343e0] {
    fill: #027fff
}

.action-item:not(.not-allow):hover .action-name[data-v-4ac343e0] {
    color: #027fff
}

.action-item .action-name[data-v-4ac343e0],
.action-item .icon[data-v-4ac343e0] {
    display: inline-block
}

.action-item .icon[data-v-4ac343e0] {
    margin-right: 6px;
    vertical-align: middle
}

.action-item .action-name[data-v-4ac343e0],
.action-item .icon svg path[data-v-4ac343e0] {
    transition: .2s
}

.action-item.not-allow[data-v-4ac343e0] {
    cursor: not-allowed;
    opacity: .6
}

.carousel-body[data-v-4ac343e0] {
    position: relative;
    height: 320px;
    background-color: #f4f5f7;
    overflow: hidden;
    transition: height .2s
}

.carousel-body .carousel-error[data-v-4ac343e0],
.carousel-body .carousel-image[data-v-4ac343e0],
.carousel-body .carousel-loading[data-v-4ac343e0] {
    position: absolute
}

.carousel-body .carousel-error[data-v-4ac343e0],
.carousel-body .carousel-loading[data-v-4ac343e0] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel-body .carousel-error[data-v-4ac343e0] {
    width: 50px
}

.carousel-body .carousel-image[data-v-4ac343e0] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    transform-origin: top left
}

.carousel-body .toggle-area[data-v-4ac343e0] {
    position: absolute;
    top: 0;
    width: 30%;
    height: 100%;
    z-index: 1
}

.carousel-body .toggle-area.prev[data-v-4ac343e0] {
    left: 0;
    cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/cursor-left.3ea194b.cur), auto
}

.carousel-body .toggle-area.next[data-v-4ac343e0] {
    right: 0;
    cursor: url(https://b-gold-cdn.xitu.io/v3/static/img/cursor-right.81d4720.cur), auto
}

.carousel-body .toggle-area.zoomout[data-v-4ac343e0] {
    width: 100%;
    cursor: zoom-out;
    z-index: 0
}

.nav-list[data-v-4ac343e0] {
    margin-top: 8px;
    font-size: 0
}

.nav-item[data-v-4ac343e0] {
    display: inline-block;
    width: 10.22222%;
    cursor: pointer;
    overflow: hidden
}

.nav-item+.nav-item[data-v-4ac343e0] {
    margin-left: 1%
}

.nav-item .thumb[data-v-4ac343e0] {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
    opacity: .6;
    transition: .2s
}

.nav-item .thumb[data-v-4ac343e0]:after,
.nav-item .thumb[data-v-4ac343e0]:before {
    content: "";
    display: block
}

.nav-item .thumb[data-v-4ac343e0]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: .2s
}

.nav-item .thumb[data-v-4ac343e0]:after {
    padding-top: 100%
}

.nav-item .thumb.active[data-v-4ac343e0],
.nav-item .thumb[data-v-4ac343e0]:hover {
    border-color: #027fff;
    opacity: 1
}

.nav-item .thumb.active[data-v-4ac343e0]:before,
.nav-item .thumb[data-v-4ac343e0]:hover:before {
    border-color: #fff
}

.fade-enter-active[data-v-4ac343e0],
.fade-leave-active[data-v-4ac343e0] {
    transition: opacity .3s
}

.fade-enter[data-v-4ac343e0],
.fade-leave-to[data-v-4ac343e0] {
    opacity: 0
}

.image-box[data-v-01c69d9e] {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.image-box.col-1 .image[data-v-01c69d9e] {
    width: 16.666rem
}

.image-box.col-1 .image.long[data-v-01c69d9e] {
    width: 12.333rem
}

.image-box.col-3[data-v-01c69d9e] {
    width: 398px
}

.image-box.col-3 .image[data-v-01c69d9e] {
    width: calc((100% - 8px)/3);
    max-width: 9.166rem
}

.image-box.col-3 .image[data-v-01c69d9e]:not(:nth-child(3n)) {
    margin-right: 4px
}

.image-box.col-4[data-v-01c69d9e] {
    width: 532px
}

.image-box.col-4 .image[data-v-01c69d9e] {
    width: calc((100% - 12px)/4);
    max-width: 9.166rem
}

.image-box.col-4 .image[data-v-01c69d9e]:not(:nth-child(4n)) {
    margin-right: 4px
}

.image[data-v-01c69d9e] {
    flex: 0 1 auto;
    position: relative;
    margin-top: 4px;
    max-width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: zoom-in
}

.image .ratio-holder[data-v-01c69d9e] {
    pointer-events: none
}

.image .label[data-v-01c69d9e] {
    position: absolute;
    right: .667rem;
    bottom: .667rem;
    padding: .1rem .3rem;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .49);
    border: 1px solid #fff;
    border-radius: 2px;
    user-select: none
}

.iconfont[data-v-a24e6b6a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-a24e6b6a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-a24e6b6a]:before {
    content: "\e601"
}

.action-box[data-v-a24e6b6a] {
    display: flex;
    position: relative;
    margin-top: 1.333rem;
    height: 34px;
    border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
    .action-box .action[data-v-a24e6b6a] {
        flex: 1 1 50%
    }

    .action-box .share-action[data-v-a24e6b6a] {
        display: none
    }
}

.action[data-v-a24e6b6a] {
    flex: 1 1 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    cursor: pointer;
    user-select: none
}

.action:hover .action-title-box[data-v-a24e6b6a] {
    opacity: .8
}

.action[data-v-a24e6b6a]:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    width: 1px;
    height: 2rem;
    background-color: #ebebeb
}

@media (max-width:600px) {
    .action[data-v-a24e6b6a]:nth-child(2):after {
        display: none
    }
}

.action.like-action.active .action-title[data-v-a24e6b6a] {
    color: #37c700
}

.action-title-box[data-v-a24e6b6a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-title-box .icon[data-v-a24e6b6a] {
    width: 18px;
    height: 18px
}

.action-title-box .action-title[data-v-a24e6b6a] {
    margin-left: .3em;
    font-size: 13px;
    font-weight: 500;
    color: #8a93a0
}

.share-panel[data-v-a24e6b6a] {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5.5rem;
    width: 11rem;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    z-index: 101
}

.share-panel.top[data-v-a24e6b6a] {
    top: auto;
    bottom: 100%
}

.share-panel.top[data-v-a24e6b6a]:after,
.share-panel.top[data-v-a24e6b6a]:before {
    display: none
}

.share-panel[data-v-a24e6b6a]:after,
.share-panel[data-v-a24e6b6a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%
}

.share-panel[data-v-a24e6b6a]:before {
    margin: -7px 0 0 -7px;
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-a24e6b6a]:after {
    margin: -6px 0 0 -6px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-a24e6b6a] {
    padding: .5rem .9rem
}

.share-panel .share-item[data-v-a24e6b6a]:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-a24e6b6a]:hover {
    background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-a24e6b6a] {
    display: flex;
    align-items: center;
    font-size: 1.167rem;
    color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-a24e6b6a] {
    margin-right: .8rem;
    width: 20px
}

.share-panel .qr-code[data-v-a24e6b6a] {
    margin: .6rem 0 .8rem;
    height: 8.333rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width:600px) {
    .sticky[data-v-a24e6b6a] {
        position: fixed;
        width: 100%;
        bottom: 0;
        margin-top: 0;
        height: 47px;
        z-index: 1;
        background: #fff
    }
}

.thumb[data-v-5b42ee23] {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.iconfont[data-v-eb8dbd22] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-eb8dbd22]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-eb8dbd22]:before {
    content: "\e601"
}

.action-box .subscribe-btn.subscribed[data-v-eb8dbd22]:hover {
    background-color: #37c700
}

.tag[data-v-eb8dbd22] {
    width: 160px;
    min-width: 160px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    transition: border-color .3s;
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 20px;
    border-radius: 2px
}

.thumb[data-v-eb8dbd22] {
    height: 32px;
    margin: .5em .5em 1em
}

.title[data-v-eb8dbd22] {
    font-size: 16px;
    line-height: 2rem;
    color: #333
}

.meta-box[data-v-eb8dbd22] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    color: #909090
}

.meta-box .meta[data-v-eb8dbd22] {
    line-height: 2rem
}

.meta-box .meta.article[data-v-eb8dbd22] {
    margin-left: .8rem
}

.tag-wrap[data-v-5baa11e0] {
    position: relative;
    min-height: 100vh
}

.tag-list[data-v-5baa11e0] {
    width: 540px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.iconfont[data-v-057f133c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-057f133c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-057f133c]:before {
    content: "\e601"
}

.users[data-v-057f133c] {
    position: relative;
    min-height: 100vh
}

img[data-v-057f133c] {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.right[data-v-057f133c] {
    float: right
}

.category-checkbox[data-v-057f133c] {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(https://lc-gold-cdn.xitu.io/dc932a27b71491c7.png) 50%/cover
}

.category-checkbox.true[data-v-057f133c] {
    background: url(https://lc-gold-cdn.xitu.io/5ef5d412784ff76f.png) 50%/cover
}

.category[data-v-057f133c] {
    background-color: #fff
}

.category .title[data-v-057f133c] {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 20px 0;
    display: inline-block
}

.category .all[data-v-057f133c] {
    float: right;
    position: relative;
    margin-top: 1em;
    font-size: 16px;
    margin-right: 10px
}

.category .all .selector[data-v-057f133c] {
    font-size: 16px;
    margin-left: .5em;
    position: relative
}

.category ul[data-v-057f133c] {
    padding: 0
}

.category ul li[data-v-057f133c] {
    position: relative;
    list-style: none;
    padding: 16px 0;
    border-bottom: 1px solid #f1f1f1
}

.category ul li[data-v-057f133c]:first-child {
    border-top: 1px solid #f1f1f1
}

.category ul li .avatar[data-v-057f133c] {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    float: left;
    margin-right: 17px;
    display: inline-block;
    border: 0
}

.category ul li .wrap[data-v-057f133c] {
    margin-left: 60px;
    width: 340px;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 47px
}

.category ul li .wrap .name[data-v-057f133c] {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    display: inline-block
}

.category ul li .wrap .description[data-v-057f133c] {
    display: block;
    font-size: 14px;
    color: #666
}

.category ul li .selector[data-v-057f133c] {
    position: absolute;
    right: 10px;
    top: 25px
}

.users[data-v-9672f1b8] {
    position: relative;
    min-height: 100vh
}

.users-list[data-v-9672f1b8] {
    width: 528px;
    margin: 45px auto 115px;
    padding: 45px;
    box-sizing: border-box;
    background-color: #fff
}

.iconfont[data-v-6d369034] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6d369034]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6d369034]:before {
    content: "\e601"
}

.getting-started[data-v-6d369034] {
    overflow-x: hidden;
    background-color: #007fff
}

#cov[data-v-6d369034] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.header[data-v-6d369034] {
    padding-top: 54px
}

.header .title[data-v-6d369034] {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.header .subtitle[data-v-6d369034] {
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
    text-align: center
}

.fade-enter-active[data-v-6d369034] {
    transition: all 1s
}

.fade-enter[data-v-6d369034] {
    transform: translateX(10%);
    opacity: 0
}

.fade-leave[data-v-6d369034] {
    transform: translateX(-10%);
    opacity: 0
}

.footer[data-v-6d369034] {
    background-color: #f8f9fa;
    opacity: .98;
    width: 100%;
    height: 85px;
    box-sizing: border-box;
    padding: 23px 0;
    position: fixed;
    bottom: 0;
    z-index: 10
}

.footer button[data-v-6d369034] {
    width: 206px;
    height: 38px
}

.footer button.loading[data-v-6d369034] {
    background-color: #d2d2d2;
    color: #fff
}

.footer button.loading span[data-v-6d369034]:before {
    animation: rotate-data-v-6d369034 1s linear infinite
}

.footer button[data-v-6d369034]:disabled {
    background-color: #ddd;
    color: #fff
}

@-webkit-keyframes rotate-data-v-6d369034 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.align-center[data-v-6d369034] {
    text-align: center
}

.me-panel[data-v-185ceaaf] {
    margin-bottom: 49px
}

.me-panel .info[data-v-185ceaaf] {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-top: 15px;
    background-color: #fff
}

.me-panel .info .hero .avatar[data-v-185ceaaf] {
    width: 55px;
    height: 55px;
    border-radius: 50%
}

.me-panel .info .message[data-v-185ceaaf] {
    padding-left: 20px;
    flex-grow: 1
}

.me-panel .info .message .username[data-v-185ceaaf] {
    font-size: 16px;
    font-weight: 400
}

.me-panel .info .message .desc[data-v-185ceaaf] {
    color: #666
}

.me-panel .list[data-v-185ceaaf] {
    margin-top: 15px;
    margin-bottom: 15px
}

.me-panel .list .item[data-v-185ceaaf] {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 45px;
    line-height: 45px;
    position: relative
}

.me-panel .list .item[data-v-185ceaaf]:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.me-panel .list .item .text[data-v-185ceaaf] {
    font-size: 16px;
    flex-grow: 1
}

.me-panel .list .item .total[data-v-185ceaaf] {
    color: #7f8389;
    flex-shrink: 0;
    font-size: 14px
}

.me-panel .list .item.message .total[data-v-185ceaaf] {
    border-radius: 10px;
    background-color: red;
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    height: 18px;
    line-height: 18px
}

.me-panel .logout[data-v-185ceaaf] {
    background-color: #fff;
    line-height: 45px;
    height: 45px;
    text-align: center;
    font-size: 16px
}

.tooltip[data-v-e8248448] {
    cursor: pointer;
    min-height: 20px;
    line-height: 18px;
    padding: 2px 6px;
    border-radius: 2px;
    background-color: #ff5e41;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: absolute
}

.tooltip.left[data-v-e8248448]:before {
    left: 20px;
    border-width: 0 5px 5px
}

.tooltip.left[data-v-e8248448]:before,
.tooltip.right[data-v-e8248448]:before {
    content: "";
    position: absolute;
    top: -5px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ff5e41;
    border-style: solid
}

.tooltip.right[data-v-e8248448]:before {
    right: 20px;
    border-width: 0 3px 5px
}

.tooltip .pre-text[data-v-e8248448] {
    display: inline-flex;
    align-items: center
}

.tooltip .pre-text img.gift[data-v-e8248448] {
    width: 16px;
    margin-right: 3px
}

.tooltip .pre-text.is-count-down[data-v-e8248448]:after {
    content: "Â·";
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px
}

.tooltip .count-down[data-v-e8248448] {
    display: inline-flex;
    align-items: center
}

.tooltip .count-down .ms[data-v-e8248448] {
    min-width: 20px;
    display: inline-block
}

@media (max-width:640px) {
    .break-text[data-v-e8248448] {
        flex-direction: column
    }

    .break-text .pre-text[data-v-e8248448]:after {
        display: none
    }
}

.iconfont[data-v-2f072d1e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2f072d1e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2f072d1e]:before {
    content: "\e601"
}

.item[data-v-2f072d1e] {
    display: flex;
    padding: 25px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative
}

.item[data-v-2f072d1e]:after {
    display: table;
    content: "";
    clear: both
}

.item[data-v-2f072d1e]:not(:last-child) {
    border-bottom: 1px solid #e6e8e8
}

.item[data-v-2f072d1e]:hover {
    background-color: #f7f9f9
}

.poster[data-v-2f072d1e] {
    width: 100px;
    height: 140px;
    flex-shrink: 0;
    box-shadow: 3px 4px 12px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    background-color: #ccc
}

.poster .poster-img[data-v-2f072d1e] {
    height: 100%;
    width: 100%
}

.info[data-v-2f072d1e] {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 14px;
    color: #2e3135;
    padding-left: 22px
}

.info .title[data-v-2f072d1e] {
    color: inherit;
    font-size: 20px;
    font-weight: 400
}

.info .title[data-v-2f072d1e]:hover {
    color: #007fff
}

.info .title .presale[data-v-2f072d1e] {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px;
    padding-right: 6px;
    height: 20px;
    margin-top: -3px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    cursor: default;
    margin-right: 8px;
    border-radius: 2px;
    background-color: #ed7b11
}

.info .desc[data-v-2f072d1e] {
    margin-top: 5px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #71777c
}

.info .author[data-v-2f072d1e] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap
}

.info .author .author-info[data-v-2f072d1e] {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.info .author .user[data-v-2f072d1e] {
    display: inline-flex;
    align-items: center;
    color: #000
}

.info .author .hero[data-v-2f072d1e] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 8px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.info .author .name[data-v-2f072d1e] {
    color: #333
}

.info .author .author-desc[data-v-2f072d1e] {
    color: #71777c;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info .author .author-desc .selfDescription[data-v-2f072d1e] {
    margin-left: 10px;
    margin-right: 10px
}

.info .other[data-v-2f072d1e] {
    margin-top: 6px;
    display: flex;
    align-items: center
}

.info .other .price[data-v-2f072d1e] {
    color: #ed7b11;
    font-size: 18px;
    margin-right: 15px;
    display: inline-flex;
    align-items: center
}

.info .other .price .yuanjia[data-v-2f072d1e] {
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 14px;
    color: #aaa
}

.info .other .price.bought[data-v-2f072d1e] {
    font-size: 14px
}

.info .other .presale[data-v-2f072d1e] {
    display: none
}

.info .other span.message[data-v-2f072d1e] {
    opacity: .6;
    font-size: 13px;
    color: #71777c
}

.info .other span.message.presale[data-v-2f072d1e] {
    color: #ed7b11
}

.info .other span.message[data-v-2f072d1e]:not(:last-child):after {
    content: "Â·";
    color: #71777c;
    margin-left: 5px;
    margin-right: 5px
}

.info .footer-bar[data-v-2f072d1e] {
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.m-aside[data-v-2f072d1e] {
    min-width: 80px;
    margin-left: 10px;
    flex-shrink: 0;
    align-self: center;
    display: none;
    z-index: 3
}

.m-aside .price[data-v-2f072d1e] {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    background-color: #f0f7ff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #07f;
    position: relative;
    z-index: 2
}

.m-aside .price.bought[data-v-2f072d1e] {
    background-color: initial;
    color: #b8b8b8
}

.m-aside .price .tooltip[data-v-2f072d1e] {
    right: 0;
    top: calc(100% + 5px)
}

.m-aside .price .tooltip[data-v-2f072d1e]:before {
    right: 30px
}

.more[data-v-2f072d1e] {
    height: 30px;
    align-self: flex-end;
    position: relative;
    display: flex;
    align-items: center
}

.more .more-list[data-v-2f072d1e] {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 8rem;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.more .more-list[data-v-2f072d1e]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.more .more-list .item[data-v-2f072d1e] {
    padding: .5rem .9rem
}

.more .more-list .item[data-v-2f072d1e]:hover {
    background-color: #f7f8fa
}

.more.open .more-list[data-v-2f072d1e] {
    display: block
}

@media (max-width:700px) {
    .info .full-link[data-v-2f072d1e] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .info .recommend-award[data-v-2f072d1e],
    .more[data-v-2f072d1e] {
        display: none
    }

    .info.hasSale[data-v-2f072d1e] {
        padding-bottom: 0
    }

    .info .title .presale[data-v-2f072d1e] {
        display: none
    }

    .info .other .messages .presale[data-v-2f072d1e] {
        display: inline-block
    }

    .m-aside[data-v-2f072d1e] {
        display: block
    }

    .item[data-v-2f072d1e] {
        padding: 16px 14px
    }

    .item[data-v-2f072d1e]:not(:last-child) {
        border-bottom: none
    }

    .item[data-v-2f072d1e]:not(:last-child):before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 0;
        border-bottom: 1px solid #e6e8e8;
        transform-origin: 0 0;
        transform: scaleY(.5);
        z-index: 2
    }

    .item .poster[data-v-2f072d1e] {
        width: 52px;
        height: 72px
    }

    .item .info[data-v-2f072d1e] {
        padding-left: 16px
    }

    .item .info .title[data-v-2f072d1e] {
        font-size: 16px;
        font-weight: 700
    }

    .item .info .author-desc[data-v-2f072d1e],
    .item .info .desc[data-v-2f072d1e],
    .item .info .hero[data-v-2f072d1e],
    .item .info .price[data-v-2f072d1e] {
        display: none
    }

    .item .other[data-v-2f072d1e] {
        flex-direction: column;
        align-items: flex-start
    }

    .item .footer-bar[data-v-2f072d1e],
    .item .other .read-duration[data-v-2f072d1e] {
        display: none
    }
}

.bought-index[data-v-d3eac8c6] {
    min-height: 100vh;
    box-sizing: border-box;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: env(safe-area-inset-bottom)
}

.books-list[data-v-d3eac8c6] {
    width: 100%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.book-empty[data-v-d3eac8c6] {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.book-empty .txt[data-v-d3eac8c6] {
    text-align: center;
    color: grey;
    margin-top: 25px;
    margin-bottom: 25px
}

.book-empty .buy[data-v-d3eac8c6] {
    padding-left: 80px;
    padding-right: 80px
}

.book-unlogined[data-v-d3eac8c6] {
    text-align: center;
    font-size: 16px;
    padding-top: 50px
}

.book-unlogined .link[data-v-d3eac8c6] {
    text-decoration: underline;
    color: #007fff
}

.iconfont[data-v-26753b93] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-26753b93]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-26753b93]:before {
    content: "\e601"
}

.buying-guide[data-v-26753b93] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 60px 40px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    min-height: calc(100vh - 160px);
    display: flex;
    justify-content: center;
    align-items: center
}

.buying-guide.buying-guide--m[data-v-26753b93] {
    min-height: calc(100vh - 50px)
}

.buying-guide .buying-inner[data-v-26753b93] {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 0
}

.buying-guide .buying-inner .poster[data-v-26753b93] {
    margin-bottom: 40px;
    position: relative
}

.buying-guide .buying-inner .poster[data-v-26753b93]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 86%;
    transform: translateX(-50%);
    height: 100%;
    box-shadow: 0 18px 40px rgba(52, 82, 110, .5)
}

.buying-guide .buying-inner .poster .thumb[data-v-26753b93] {
    border-radius: 2px;
    overflow: hidden;
    width: 150px;
    height: 210px;
    position: relative;
    z-index: 2
}

.buying-guide .buying-inner .title[data-v-26753b93] {
    font-size: 18px;
    margin-bottom: 12px
}

.buying-guide .buying-inner .desc[data-v-26753b93] {
    font-size: 15px;
    margin-bottom: 16px;
    color: #7d7d7d
}

.buying-guide .buying-inner .button-buy[data-v-26753b93] {
    font-size: 16px
}

@media (max-width:475px) {
    .buying-guide[data-v-26753b93] {
        padding: 20px
    }
}

.iconfont[data-v-a968bf96] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-a968bf96]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-a968bf96]:before {
    content: "\e601"
}

.section-writing[data-v-a968bf96] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 60px 40px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    min-height: calc(100vh - 160px);
    display: flex;
    justify-content: center;
    align-items: center
}

.section-writing.section-writing--m[data-v-a968bf96] {
    min-height: calc(100vh - 50px)
}

.section-writing .writing-inner[data-v-a968bf96] {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 0
}

.section-writing .writing-inner .poster[data-v-a968bf96] {
    margin-bottom: 50px;
    position: relative
}

.section-writing .writing-inner .poster[data-v-a968bf96]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 86%;
    transform: translateX(-50%);
    height: 100%;
    box-shadow: 0 18px 40px rgba(52, 82, 110, .5)
}

.section-writing .writing-inner .poster .thumb[data-v-a968bf96] {
    border-radius: 2px;
    overflow: hidden;
    width: 150px;
    height: 210px;
    position: relative;
    z-index: 2
}

.section-writing .writing-inner .title[data-v-a968bf96] {
    font-size: 18px;
    margin-bottom: 12px
}

@media (max-width:475px) {
    .section-writing[data-v-a968bf96] {
        padding: 20px
    }
}

.collection-item[data-v-cd471a34] {
    height: 46px;
    padding: 14px 14px 16px;
    line-height: 1.25;
    font-size: 16px;
    color: #8a9aa9;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e7
}

.collection-item[data-v-cd471a34]:last-child {
    margin-bottom: 70px
}

.collection-item .collection[data-v-cd471a34] {
    max-width: 90%;
    display: flex;
    justify-content: space-between
}

.collection-item .collection .thumb[data-v-cd471a34] {
    width: 3.83rem;
    height: 3.83rem;
    margin-right: 10px;
    border-radius: 2px
}

.collection-item .collection .stat-box[data-v-cd471a34] {
    color: #8a9aa9;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.collection-item .collection .stat-box .title[data-v-cd471a34] {
    color: #2e3135;
    font-size: 16px;
    max-width: 240px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.collection-item .collection .stat-box .stat[data-v-cd471a34] {
    font-size: 12px
}

.collection-item .collect-icon[data-v-cd471a34] {
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 50%;
    background-image: none
}

.collection-item .collect-icon.collected[data-v-cd471a34] {
    border: none;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collected.eb270c8.svg)
}

@media (max-width:375px) {
    .collection-item .collection .stat-box .title[data-v-cd471a34] {
        max-width: 200px
    }
}

.mobile-collection[data-v-8325b9d2] {
    background: #fff
}

.mobile-collection .head[data-v-8325b9d2] {
    height: 3.92rem;
    padding: 0 14px;
    line-height: 1.25;
    font-size: 1.333rem;
    color: #8a9aa9;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .12)
}

.mobile-collection .head .title[data-v-8325b9d2] {
    color: #17181a
}

.mobile-collection .head button[data-v-8325b9d2] {
    padding: 0;
    height: 2.33rem;
    width: 4.67rem
}

.mobile-collection .create[data-v-8325b9d2] {
    position: fixed;
    bottom: 1.08rem;
    height: 3.33rem;
    font-size: 1.333rem;
    border-radius: 3px;
    background-color: #007fff;
    width: 90%;
    margin-left: 5%
}

.mobile-collection .root-view-bg[data-v-8325b9d2] {
    background-color: #fff
}

.mobile-collection .collection-create[data-v-8325b9d2] {
    display: flex;
    padding: 1.17rem
}

.mobile-collection .collection-create .collection-form[data-v-8325b9d2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%
}

.mobile-collection .collection-create .collection-form .title[data-v-8325b9d2] {
    font-size: 1.33rem;
    color: #17181a
}

.mobile-collection .collection-create .collection-form .name-input[data-v-8325b9d2] {
    width: 100%;
    height: 2.92rem;
    font-size: 1.25rem;
    line-height: 2.92rem;
    outline: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e5e5e7
}

.mobile-collection .collection-create .collection-form input[data-v-8325b9d2]::placeholder {
    font-size: 1.25rem;
    color: #babec3
}

.tag[data-v-eba50a60] {
    display: flex;
    align-items: center;
    font-weight: 500
}

.tag .icon[data-v-eba50a60] {
    flex: 0 0 auto;
    margin-right: 1.5rem;
    width: 4rem;
    height: 4rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px
}

.tag .title[data-v-eba50a60] {
    margin-right: 1.5rem;
    font-size: 1.333rem;
    color: #393939
}

.tag .subscribe-btn[data-v-eba50a60] {
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    padding: 0;
    width: 7rem;
    height: 2.6rem;
    font-size: 1.167rem;
    color: #37c701;
    background-color: #fff;
    border: 1px solid;
    border-radius: 2px;
    outline: none
}

.tag .subscribe-btn[data-v-eba50a60]:hover {
    color: #27b701
}

.tag .subscribe-btn.subscribed[data-v-eba50a60] {
    color: #fff;
    background-color: #37c701;
    border-color: #37c701
}

.tag .subscribe-btn.subscribed[data-v-eba50a60]:hover {
    background-color: #27b701;
    border-color: #27b701
}

.iconfont[data-v-60278376] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-60278376]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-60278376]:before {
    content: "\e601"
}

.customize-modal[data-v-60278376] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .96);
    overflow: auto;
    z-index: 500
}

.close-btn[data-v-60278376] {
    position: fixed;
    top: 2rem;
    right: 3rem;
    padding: .5rem;
    font-size: 1.4rem;
    color: #333;
    cursor: pointer
}

.close-btn[data-v-60278376]:hover {
    color: #000
}

.modal-content[data-v-60278376] {
    margin: 6rem auto 4rem;
    width: 40rem;
    max-width: 90%
}

.modal-content>.title[data-v-60278376] {
    margin: 0 0 3.4rem;
    font-size: 2.167rem;
    font-weight: 600;
    text-align: center;
    color: #393939
}

.subscribed-list[data-v-60278376] {
    margin-bottom: 2.1rem
}

.subscribed-list .item[data-v-60278376] {
    display: inline-block;
    position: relative;
    margin: 0 1.25rem 1.25rem 0;
    padding: .4rem .9rem;
    font-size: 1rem;
    font-weight: 500;
    color: #007fff;
    background-color: #e8eff6;
    border: 1px solid #cbdff8;
    border-radius: 1px;
    cursor: default
}

.subscribed-list .item .remove-btn[data-v-60278376] {
    position: absolute;
    top: -.65rem;
    right: -.65rem;
    font-size: 1.3rem;
    color: #82868b;
    cursor: pointer
}

.subscribed-list .item .remove-btn[data-v-60278376]:hover {
    color: #52565b
}

.tag-list .item[data-v-60278376] {
    margin-bottom: 2.333rem
}

.iconfont[data-v-46079b66] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-46079b66]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-46079b66]:before {
    content: "\e601"
}

.slider[data-v-46079b66] {
    margin-right: 21.667rem;
    margin-bottom: 1.5rem;
    border-radius: 2px
}

@media (max-width:600px) {
    .slider[data-v-46079b66] {
        display: none
    }
}

.repo-list-box[data-v-46079b66] {
    margin-right: 21.667rem;
    margin-bottom: 4rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .repo-list-box[data-v-46079b66] {
        margin-right: auto
    }
}

.list-header[data-v-46079b66] {
    display: flex;
    align-items: center;
    padding: .8rem 2.333rem
}

.list-header .title[data-v-46079b66] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2e3135
}

.list-header .customize-btn[data-v-46079b66] {
    margin-left: auto;
    padding: .5rem 0;
    font-size: 1.167rem;
    color: #007fff;
    background-color: #fff;
    border: none;
    outline: none
}

.list-header .customize-btn[data-v-46079b66]:hover {
    color: #1b56a5
}

.list-header .customize-btn .icon[data-v-46079b66] {
    margin-right: .4rem;
    font-size: 1.4em;
    vertical-align: middle
}

.repo-nav-aside-box[data-v-46079b66] {
    width: 20rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media (max-width:600px) {
    .repo-nav-aside-box[data-v-46079b66] {
        display: none
    }
}

.repo-nav-aside-box .repo-nav-aside[data-v-46079b66] {
    position: fixed;
    top: 6.8rem;
    width: 20rem;
    transition: all .2s
}

.repo-nav-aside-box.top .repo-nav-aside[data-v-46079b66] {
    top: 1.8rem
}

.iconfont[data-v-d2776c8e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d2776c8e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-d2776c8e]:before {
    content: "\e601"
}

.tag[data-v-d2776c8e] {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    transition: border-color .3s;
    text-align: center;
    padding: 1.5rem 0
}

.thumb[data-v-d2776c8e] {
    width: 100%;
    height: 32px;
    margin: 1rem auto;
    background-color: #fff
}

.title[data-v-d2776c8e] {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #333
}

.meta-box[data-v-d2776c8e] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    color: #909090
}

.meta-box .meta[data-v-d2776c8e] {
    line-height: 2rem
}

.meta-box .meta.article[data-v-d2776c8e] {
    margin-left: .8rem
}

.item[data-v-2f715af1] {
    width: 25%;
    display: inline-block;
    margin-bottom: 1.3rem;
    padding: 0 .7rem;
    box-sizing: border-box
}

@media (max-width:600px) {
    .item[data-v-2f715af1] {
        width: 50%
    }
}

.status[data-v-2f715af1] {
    padding: 2rem 0;
    width: 100%;
    font-size: 1.2rem;
    text-align: center
}

.tag-list[data-v-044e7650] {
    padding-top: 2rem
}

.iconfont[data-v-2651909e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2651909e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2651909e]:before {
    content: "\e601"
}

.nav-list[data-v-2651909e] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.nav-list .nav-item[data-v-2651909e] {
    padding: 1rem .6rem;
    margin-left: .8rem;
    font-size: 1.3rem;
    white-space: nowrap
}

.nav-list .nav-item.search[data-v-2651909e] {
    margin-left: 2rem;
    cursor: default
}

.nav-list .nav-item.search .search-input[data-v-2651909e] {
    padding: .5rem;
    font-size: 1.2rem;
    border: 1px solid hsla(0, 0%, 59.2%, .2);
    outline: none
}

@media (max-width:600px) {
    .nav-list .nav-item.search[data-v-2651909e] {
        display: none
    }
}

.list-header[data-v-2651909e] {
    border-bottom: none
}

.input[data-v-6e0c6cd1] {
    display: none
}

.preview-box[data-v-6e0c6cd1] {
    display: inline-block;
    position: relative;
    max-height: 16rem;
    max-width: 16rem
}

.preview-box .preview[data-v-6e0c6cd1] {
    max-width: 100%;
    max-height: 100%
}

.preview-box .clean-btn[data-v-6e0c6cd1] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    line-height: 1;
    color: #fff;
    text-shadow: #000 0 0 2px;
    background-color: transparent;
    opacity: .8
}

.preview-box .clean-btn[data-v-6e0c6cd1]:hover {
    opacity: 1
}

.upload-btn[data-v-6e0c6cd1] {
    padding: 0;
    height: 3rem;
    color: #909090;
    background-color: transparent;
    cursor: pointer
}

.upload-btn[data-v-6e0c6cd1]:hover {
    color: #333
}

.iconfont[data-v-79a73856] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-79a73856]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-79a73856]:before {
    content: "\e601"
}

.avatar[data-v-79a73856] {
    width: 3rem;
    height: 3rem
}

.comment-form[data-v-79a73856] {
    position: relative;
    padding: 1.3rem 1.3rem 1.3rem 6rem;
    background-color: #f8f9fa;
    border: 1px solid #f1f1f1;
    border-radius: 4px
}

.comment-form.unauthorized[data-v-79a73856] {
    padding: 0
}

@media (max-width:600px) {
    .comment-form[data-v-79a73856] {
        padding: 1rem
    }
}

.comment-form .avatar[data-v-79a73856] {
    position: absolute;
    left: 2rem;
    top: 1.3rem;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%
}

@media (max-width:600px) {
    .comment-form .avatar[data-v-79a73856] {
        display: none
    }
}

.comment-form .content-input[data-v-79a73856] {
    height: 3.4rem;
    line-height: 1.9rem;
    border-radius: 4px;
    padding: .6rem;
    border: 1px solid #ddd;
    font-size: 1.3rem
}

.comment-form .content-input[data-v-79a73856]:hover {
    border-color: #007fff
}

.comment-form .action-box[data-v-79a73856] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem
}

.comment-form .action-box .image-uploader[data-v-79a73856] {
    flex: 1 1 auto;
    margin-right: 1rem;
    font-size: 1.334rem
}

.comment-form .action-box .submit-box[data-v-79a73856] {
    white-space: nowrap
}

.comment-form .action-box .submit-text[data-v-79a73856] {
    margin-right: .8rem;
    color: #909090
}

@media (max-width:600px) {
    .comment-form .action-box .submit-text[data-v-79a73856] {
        display: none
    }
}

.comment-form .action-box .submit-btn[data-v-79a73856] {
    padding: 0;
    width: 6rem;
    height: 3rem;
    font-size: 1.3rem
}

.unauthorized-panel[data-v-79a73856] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem
}

.unauthorized-panel .authorize-btn[data-v-79a73856] {
    padding: .5rem 1rem;
    font-size: 1rem;
    color: #007fff;
    background-color: transparent;
    border: 1px solid;
    border-radius: 3px
}

.unauthorized-panel .authorize-btn[data-v-79a73856]:hover {
    color: #005eee
}

.unauthorized-panel .placeholder[data-v-79a73856] {
    margin-left: 1.3rem;
    font-size: 1.167rem;
    font-weight: 500;
    color: #4a4a4a
}

.submitting-mask[data-v-79a73856] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 1
}

.iconfont[data-v-1c0ea14c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1c0ea14c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1c0ea14c]:before {
    content: "\e601"
}

.payment-qr-code[data-v-1c0ea14c] {
    min-height: 250px;
    background-color: #fff
}

.payment-qr-code .heading[data-v-1c0ea14c] {
    padding: 18px;
    font-size: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededed
}

.payment-qr-code .heading .back[data-v-1c0ea14c] {
    position: relative;
    cursor: pointer;
    margin-right: 15px
}

.payment-qr-code .heading .back[data-v-1c0ea14c]:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-color: transparent transparent #979797 #979797;
    border-style: solid;
    border-width: 0 0 2px 2px;
    transform: rotate(45deg)
}

.payment-qr-code .qr-img[data-v-1c0ea14c] {
    height: 180px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center
}

.payment-qr-code .qr-img img[data-v-1c0ea14c] {
    max-height: 180px
}

.payment-qr-code .bottom[data-v-1c0ea14c] {
    height: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-qr-code .bottom img[data-v-1c0ea14c] {
    width: 25px;
    margin-right: 10px
}

.iconfont[data-v-271e1d0e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-271e1d0e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-271e1d0e]:before {
    content: "\e601"
}

.conpon-wrap[data-v-271e1d0e] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.conpon-masker[data-v-271e1d0e] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2)
}

.conpon-inner[data-v-271e1d0e] {
    position: relative;
    width: 300px;
    padding-bottom: 20px;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    transition: all .2s linear
}

.conpon-inner.conpon-inner--blus[data-v-271e1d0e] {
    margin-top: 0
}

.conpon-inner.conpon-inner--focus[data-v-271e1d0e] {
    margin-top: -100px
}

.conpon-inner .heading[data-v-271e1d0e] {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ededed;
    padding-left: 15px
}

.conpon-inner .content .conpon-input[data-v-271e1d0e] {
    padding: 25px 25px 20px
}

.conpon-inner .content .conpon-input .state-text[data-v-271e1d0e] {
    color: red;
    font-size: 14px;
    margin-top: 6px
}

.conpon-inner .content .conpon-input input[data-v-271e1d0e] {
    outline: none;
    width: 100%;
    height: 35px;
    text-indent: 5px;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #007fff;
    box-sizing: border-box
}

.conpon-inner .footer[data-v-271e1d0e] {
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.conpon-inner .footer .btn[data-v-271e1d0e] {
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px
}

.conpon-inner .footer .cancel[data-v-271e1d0e] {
    color: #a5a5a5
}

.conpon-inner .footer .ok[data-v-271e1d0e] {
    margin-left: 10px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #007fff;
    color: #007fff
}

.iconfont[data-v-6a0797b7] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6a0797b7]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6a0797b7]:before {
    content: "\e601"
}

.button--buy[data-v-6a0797b7] {
    width: 100%;
    font-size: 18px;
    line-height: 1;
    padding: 14px 30px;
    background-color: #007fff;
    color: #fff;
    text-align: center
}

.button--buy[data-v-6a0797b7]:disabled {
    background-color: #c9c9c9;
    opacity: .8
}

.button--buy[data-v-6a0797b7]:not(:disabled):hover {
    background-color: #0371df
}

.payment-dialog[data-v-6a0797b7] {
    background-color: #fff;
    color: #333
}

.payment-dialog .sale-card[data-v-6a0797b7] {
    margin-left: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px;
    background-color: #fa5600;
    color: #fff
}

.payment-dialog .cell>div[data-v-6a0797b7] {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 0 #ededed
}

.payment-dialog .cell>div .pay-bar[data-v-6a0797b7],
.payment-dialog .cell>div.pay-sale[data-v-6a0797b7] {
    box-shadow: none
}

.payment-dialog .close-btn[data-v-6a0797b7] {
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
    width: 15px;
    height: 15px
}

.payment-dialog .close-btn[data-v-6a0797b7]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #bec3c7;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center
}

.payment-dialog .close-btn[data-v-6a0797b7]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #bec3c7;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center
}

.payment-dialog .name[data-v-6a0797b7] {
    font-size: 15px
}

.payment-dialog div.title[data-v-6a0797b7] {
    margin-left: 0;
    margin-right: 0;
    padding: 18px 35px 18px 20px;
    font-size: 20px
}

.payment-dialog .price .rmb[data-v-6a0797b7] {
    font-size: 18px;
    font-weight: 500
}

.payment-dialog .price .delete[data-v-6a0797b7] {
    color: #b0b0b0;
    text-decoration: line-through;
    margin-left: 3px
}

.payment-dialog .price .price-sale[data-v-6a0797b7] {
    display: flex;
    align-items: center
}

.payment-dialog .pay-way img[data-v-6a0797b7] {
    height: 27px;
    display: block
}

.payment-dialog .pay-way .ali-pay[data-v-6a0797b7] {
    display: flex;
    align-items: center
}

.payment-dialog .pay-way .ali-pay img[data-v-6a0797b7] {
    height: 22px;
    margin-right: 3px
}

.payment-dialog .pay-sale[data-v-6a0797b7] {
    cursor: pointer
}

.payment-dialog .pay-sale .sale-choose[data-v-6a0797b7] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.payment-dialog .pay-sale .sale-choose .sale-item[data-v-6a0797b7] {
    display: flex;
    align-items: center
}

.payment-dialog .pay-sale .sale-choose .sale-item input[data-v-6a0797b7] {
    margin-right: 3px
}

.payment-dialog .pay-sale .sale-choose .sale-item .text[data-v-6a0797b7] {
    font-size: 14px;
    margin-right: 3px
}

.payment-dialog .pay-sale .sale-choose .sale-item[data-v-6a0797b7]:not(:first-child) {
    margin-left: 10px
}

.payment-dialog .pay-sale .sale-choose .not-sale[data-v-6a0797b7] {
    color: #a5a5a5
}

.payment-dialog .pay-bar[data-v-6a0797b7] {
    padding-top: 17px;
    padding-bottom: 17px
}

.iconfont[data-v-2bcd6e74] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2bcd6e74]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2bcd6e74]:before {
    content: "\e601"
}

.payment-wrap[data-v-2bcd6e74] {
    position: fixed;
    z-index: 500
}

.payment-wrap .payment-masker[data-v-2bcd6e74] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, .65)
}

.payment-wrap .payment-inner[data-v-2bcd6e74] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 360px;
    min-height: 100px;
    z-index: 501;
    border-radius: 2px;
    overflow: hidden;
    transition: all .2s linear;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.fade-enter-active[data-v-2bcd6e74],
.fade-leave-active[data-v-2bcd6e74] {
    transition: opacity .35s
}

.fade-enter[data-v-2bcd6e74],
.fade-leave-to[data-v-2bcd6e74] {
    opacity: 0
}

.iconfont[data-v-47349c17] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-47349c17]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-47349c17]:before {
    content: "\e601"
}

.banner[data-v-47349c17] {
    position: relative;
    font-size: 0;
    cursor: pointer
}

.banner .banner-image[data-v-47349c17] {
    width: 100%;
    height: 100%
}

.banner .ctrl-box .close-btn[data-v-47349c17] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 1rem;
    color: #909090;
    opacity: .5;
    display: none
}

.banner .ctrl-box .close-btn[data-v-47349c17]:hover {
    opacity: 1
}

.banner .ctrl-box .label[data-v-47349c17] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 36px;
    height: 36px;
    font-size: 20px;
    z-index: 1;
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid #fff;
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 300
}

.banner .ctrl-box .label[data-v-47349c17]:hover {
    background-color: rgba(0, 0, 0, .4)
}

.banner .ctrl-box .label:hover .inco[data-v-47349c17] {
    display: inline-block
}

.banner .ctrl-box .label span[data-v-47349c17] {
    vertical-align: top
}

.banner .ctrl-box .label .inco[data-v-47349c17] {
    display: none
}

.banner:hover .ctrl-box .close-btn[data-v-47349c17] {
    display: block
}

.recommend-author-block[data-v-13effaea] {
    background-color: #fff
}

.recommend-author-block .user-block-header[data-v-13effaea] {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.recommend-author-block .item .link[data-v-13effaea] {
    padding: 1rem 1.3rem;
    display: flex;
    align-items: center;
    cursor: pointer
}

.recommend-author-block .item .link[data-v-13effaea]:hover {
    background-color: hsla(0, 0%, 84.7%, .1)
}

.recommend-author-block .item .link .avatar[data-v-13effaea] {
    flex: 0 0 auto;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    margin-right: .8rem
}

.recommend-author-block .item .link .user-info[data-v-13effaea] {
    overflow: hidden
}

.recommend-author-block .item .link .username[data-v-13effaea] {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px
}

.recommend-author-block .item .link .description[data-v-13effaea],
.recommend-author-block .item .link .position[data-v-13effaea] {
    color: #909090;
    font-size: 1rem;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recommend-author-block .item .more[data-v-13effaea] {
    color: #007fff;
    padding: 1rem 0;
    text-align: center;
    border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.recommend-author-block .item .more[data-v-13effaea]:hover {
    cursor: pointer
}

.recommend-author-block .item .more .icon[data-v-13effaea] {
    margin-left: 5px
}

.user[data-v-1cbfd0dd] {
    display: flex;
    align-items: center
}

.avatar[data-v-1cbfd0dd] {
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin-right: 1.3rem
}

.user-info[data-v-1cbfd0dd] {
    flex: 1 1 auto;
    overflow: hidden
}

.intro[data-v-1cbfd0dd] {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.username[data-v-1cbfd0dd] {
    font-size: 1.4rem;
    color: #333
}

.follow-btn[data-v-1cbfd0dd] {
    min-width: 7rem;
    background-color: transparent;
    border: 1px solid #37c700;
    color: #37c700
}

.follow-btn[data-v-1cbfd0dd]:hover {
    border-color: #3cb40e;
    color: #3cb40e
}

.follow-btn.followed[data-v-1cbfd0dd] {
    background-color: #37c700;
    color: #fff
}

.follow-btn.followed[data-v-1cbfd0dd]:hover {
    background-color: #3cb40e
}

.related-user-list-modal[data-v-54ff0a91] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .95);
    overflow-y: auto;
    z-index: 250
}

.title[data-v-54ff0a91] {
    margin: 5rem 0 2rem;
    text-align: center
}

.user-list[data-v-54ff0a91] {
    margin: auto;
    padding: 0 0 2rem;
    width: 40rem;
    max-width: 90%
}

.user-list .item[data-v-54ff0a91] {
    padding: 1rem 0
}

.close-btn[data-v-54ff0a91] {
    position: fixed;
    top: 2rem;
    right: 3rem;
    font-size: 1.3rem;
    cursor: pointer
}

.book-new-user-award-aside[data-v-2fb0ae1e] {
    display: flex;
    cursor: pointer;
    padding: 13px 0;
    border-radius: 2px;
    height: 80px;
    background: #fd4243;
    background: -webkit-linear-gradient(342deg, #f87554, #f0232f);
    background: linear-gradient(108deg, #f87554, #f0232f);
    background: -webkit-linear-gradient(-12deg, #f87554, #f0232f);
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.book-new-user-award-aside .pic[data-v-2fb0ae1e] {
    margin: 0 12px;
    width: 50px;
    flex-shrink: 0
}

.book-new-user-award-aside .pic img[data-v-2fb0ae1e] {
    width: 100%;
    display: block
}

.book-new-user-award-aside .content[data-v-2fb0ae1e] {
    position: relative;
    flex-grow: 1
}

.book-new-user-award-aside .content .title[data-v-2fb0ae1e] {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    height: 25px
}

.book-new-user-award-aside .content .desc[data-v-2fb0ae1e] {
    margin-top: 2px
}

.book-new-user-award-aside .content .desc .get[data-v-2fb0ae1e] {
    width: 60px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #fff
}

.book-new-user-use-ticket-progress[data-v-8ce2af12] {
    display: flex;
    align-items: center;
    cursor: default;
    padding: 11px 0 11px 10px;
    height: 65px;
    border-radius: 2px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.book-new-user-use-ticket-progress .pic[data-v-8ce2af12] {
    width: 45px;
    flex-shrink: 0
}

.book-new-user-use-ticket-progress .pic img[data-v-8ce2af12] {
    width: 100%;
    display: block
}

.book-new-user-use-ticket-progress .content[data-v-8ce2af12] {
    padding-left: 10px;
    position: relative;
    flex-grow: 1
}

.book-new-user-use-ticket-progress .content .title[data-v-8ce2af12] {
    color: #000;
    font-size: 14px
}

.book-new-user-use-ticket-progress .content .title .highlight[data-v-8ce2af12] {
    padding: 0 3px;
    color: red
}

.book-new-user-use-ticket-progress .content .desc[data-v-8ce2af12] {
    font-size: 12px;
    color: #4a4a4a;
    white-space: nowrap
}

.iconfont[data-v-739920ce] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-739920ce]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-739920ce]:before {
    content: "\e601"
}

.books-index-view[data-v-739920ce] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.books-index-view .nav-list[data-v-739920ce] {
    position: relative
}

.books-index-view .nav-list .nav-item.right[data-v-739920ce] {
    position: absolute;
    top: 0;
    right: 0
}

.books-index-view.no-header[data-v-739920ce] {
    margin-top: 0;
    padding-top: 3.833rem
}

.books-index-view.no-header .view-nav[data-v-739920ce] {
    top: 0;
    box-shadow: none
}

.books-index-view.no-header .view-nav[data-v-739920ce]:before {
    height: 0
}

.books-index-view.no-header .view-nav[data-v-739920ce]:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #ddd;
    transform-origin: 0 0;
    transform: scaleY(.5);
    z-index: 2
}

.books-index-view .books-solgan[data-v-739920ce] {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center
}

.books-index-view .books-solgan .title[data-v-739920ce] {
    font-size: 20px;
    color: #007fff;
    margin-bottom: 15px
}

.books-index-view .books-solgan .desc[data-v-739920ce] {
    font-size: 15px;
    color: #333;
    line-height: 1.7
}

.books-index-view .more-category[data-v-739920ce] {
    cursor: pointer;
    position: relative;
    font-size: 1.16rem;
    color: #71777c;
    padding: 0 1rem;
    height: 100%
}

.books-index-view .more-category:hover .txt[data-v-739920ce] {
    color: #007fff
}

.books-index-view .more-category:hover .txt[data-v-739920ce]:before {
    border-top-color: inherit;
    transform: rotate(-180deg)
}

.books-index-view .more-category:hover .txt[data-v-739920ce]:after {
    top: 22px;
    transform: rotate(-180deg)
}

.books-index-view .more-category:hover .menu[data-v-739920ce] {
    display: block
}

.books-index-view .more-category .txt[data-v-739920ce] {
    display: flex;
    height: 100%;
    align-items: center;
    padding-right: 15px
}

.books-index-view .more-category .txt[data-v-739920ce]:before {
    right: 0;
    top: 20px;
    border-color: #72777b transparent transparent;
    border-width: 6px 6px 0
}

.books-index-view .more-category .txt[data-v-739920ce]:after,
.books-index-view .more-category .txt[data-v-739920ce]:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-style: solid;
    transform-origin: center center;
    transition: transform .25s linear
}

.books-index-view .more-category .txt[data-v-739920ce]:after {
    right: 1px;
    top: 19px;
    border-color: #fff transparent transparent;
    border-width: 5px 5px 0
}

.books-index-view .more-category .menu[data-v-739920ce] {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 100px;
    border-radius: 2px;
    background-color: #fff;
    color: #71777c;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.books-index-view .more-category .menu .category[data-v-739920ce] {
    padding-left: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.books-index-view .more-category .menu .category.route-active[data-v-739920ce],
.books-index-view .more-category .menu .category[data-v-739920ce]:hover {
    background-color: #f9f9f9;
    color: #007fff
}

.list-wrap[data-v-739920ce] {
    position: relative;
    min-height: calc(100vh - 340px);
    margin-bottom: 50px;
    padding-bottom: env(safe-area-inset-bottom)
}

.copy-right[data-v-739920ce] {
    text-align: center;
    font-size: 14px;
    opacity: .7;
    color: #3a4e64;
    margin-bottom: 40px
}

.copy-right a[data-v-739920ce] {
    color: inherit
}

.books-list[data-v-739920ce] {
    width: 100%;
    max-width: 700px;
    box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23)
}

.aside[data-v-739920ce] {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px
}

.aside .sticky-section[data-v-739920ce] {
    position: fixed;
    top: 127px
}

.aside .sticky-section .section[data-v-739920ce] {
    width: 240px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(4, 5, 13, .23);
    background-color: #fff
}

.aside .sticky-section .section .slogan[data-v-739920ce] {
    padding: 15px 16px;
    border-bottom: 1px solid #e6e8e8
}

.aside .sticky-section .section .slogan .title[data-v-739920ce] {
    font-size: 15px;
    color: #000
}

.aside .sticky-section .section .slogan .desc[data-v-739920ce] {
    margin-top: 8px;
    line-height: 1.4;
    font-size: 14px;
    color: #646464
}

.aside .sticky-section .section .wechat-qr[data-v-739920ce] {
    padding: 12px 16px
}

.aside .sticky-section .section .wechat-qr .title[data-v-739920ce] {
    font-size: 15px
}

.aside .sticky-section .section .wechat-qr .qr-img[data-v-739920ce] {
    margin-top: 9px;
    height: 95px;
    background: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat-qr.f1926e7.png) no-repeat center 0;
    background-size: contain;
    border-radius: 2px
}

.aside .sticky-section .help[data-v-739920ce] {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.aside .sticky-section .help .items[data-v-739920ce] {
    flex-grow: 1;
    display: flex;
    height: 90px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #71777b
}

.aside .sticky-section .help .items[data-v-739920ce]:hover {
    background-color: #f9f9f9
}

.aside .sticky-section .help .items[data-v-739920ce]:first-child {
    position: relative
}

.aside .sticky-section .help .items[data-v-739920ce]:first-child:after {
    content: "";
    position: absolute;
    width: 0;
    height: 45px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-right: 1px solid #efefef
}

.aside .sticky-section .help .items img[data-v-739920ce] {
    width: auto;
    height: 28px
}

.aside .sticky-section .help .items .title[data-v-739920ce] {
    margin-top: 8px;
    font-size: 14px
}

.aside .sticky-section .book-new-user-ticket-for-book-index[data-v-739920ce] {
    margin-top: 10px
}

.aside.top .sticky-section[data-v-739920ce] {
    top: 67px
}

.books-masker[data-v-739920ce] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .54)
}

.books-masker .qr-popup[data-v-739920ce] {
    width: 258px;
    height: 378px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/masker.8cd50e6.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -189px;
    margin-left: -129px;
    text-align: center;
    color: #fff;
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.books-masker .qr-popup .close[data-v-739920ce] {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer
}

.books-masker .qr-popup .title[data-v-739920ce] {
    font-size: 28px;
    font-weight: 300
}

.books-masker .qr-popup .title span[data-v-739920ce] {
    display: block;
    text-align: center
}

.books-masker .qr-popup .qr-code[data-v-739920ce] {
    margin-top: 68px
}

.books-masker .qr-popup .qr-code img[data-v-739920ce] {
    width: 140px;
    height: 140px
}

@media (max-width:960px) {
    .books-index-view .books-list[data-v-739920ce] {
        margin-left: auto;
        margin-right: auto
    }

    .books-index-view .aside[data-v-739920ce],
    .books-index-view .books-list[data-v-739920ce]:before {
        display: none
    }
}

@media (max-width:700px) {
    .books-index-view .books-solgan[data-v-739920ce] {
        max-width: 100%;
        padding: 35px;
        box-sizing: border-box
    }

    .books-index-view .books-solgan .desc[data-v-739920ce] {
        font-size: 13px
    }

    .copy-right[data-v-739920ce] {
        display: none
    }
}

@media (max-width:750px) {
    .view-nav .nav-list .more-category[data-v-739920ce] {
        display: none
    }
}

.fools[data-v-739920ce] {
    margin-top: 0
}

.fools .aside .sticky-section[data-v-739920ce] {
    position: relative;
    top: 0
}

.fools .fools-header[data-v-739920ce] {
    margin-top: -21px;
    width: 100%;
    height: 150px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/banner-pc.c144cfe.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    text-align: center
}

@media (max-width:375px) {
    .fools .fools-header[data-v-739920ce] {
        margin-top: 0;
        height: 150px;
        background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/banner-m.b1b89c7.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover
    }
}

.iconfont[data-v-9cf5865a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9cf5865a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-9cf5865a]:before {
    content: "\e601"
}

.one-collection[data-v-9cf5865a] {
    position: relative;
    height: 100%
}

.one-collection:hover .mask[data-v-9cf5865a] {
    background-color: rgba(0, 0, 0, .3)
}

.one-collection .thumb[data-v-9cf5865a] {
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.one-collection .mask[data-v-9cf5865a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px;
    transition: all .2s;
    background-color: hsla(0, 0%, 43.1%, 0);
    background-image: linear-gradient(hsla(0, 0%, 55.7%, .3), rgba(70, 70, 70, .6))
}

.one-collection .content[data-v-9cf5865a] {
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
    right: 1.1rem;
    bottom: 1.1rem;
    overflow: hidden;
    z-index: 1
}

.one-collection .content .title[data-v-9cf5865a] {
    position: absolute;
    left: 0;
    right: 4rem;
    bottom: 3rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    cursor: pointer
}

.one-collection .content .meta-list[data-v-9cf5865a] {
    position: absolute;
    left: 0;
    right: 5em;
    bottom: 0;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden
}

.one-collection .content .meta-list .meta[data-v-9cf5865a] {
    display: inline-block;
    max-width: 7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.one-collection .content .meta-list .meta[data-v-9cf5865a]:first-child {
    max-width: 6rem
}

.one-collection .content .meta-list .meta[data-v-9cf5865a]:not(:first-child):before {
    content: "Â·";
    margin: 0 .4rem
}

.one-collection .content .follow-btn[data-v-9cf5865a] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4.8rem;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 0
}

.one-collection .content .follow-btn.followed[data-v-9cf5865a],
.one-collection .content .follow-btn[data-v-9cf5865a]:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.one-collection .content .follow-btn .busy-icon[data-v-9cf5865a]:before {
    animation: busy-ani-data-v-9cf5865a 1s linear infinite
}

@-moz-keyframes busy-ani-data-v-9cf5865a {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes busy-ani-data-v-9cf5865a {
    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes busy-ani-data-v-9cf5865a {
    to {
        transform: rotate(1turn)
    }
}

@keyframes busy-ani-data-v-9cf5865a {
    to {
        transform: rotate(1turn)
    }
}

.iconfont[data-v-1c58eec9] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1c58eec9]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1c58eec9]:before {
    content: "\e601"
}

.masker[data-v-1c58eec9] {
    position: relative;
    height: 100%;
    border-color: hsla(0, 0%, 94.5%, .1);
    background-color: hsla(0, 0%, 94.5%, .3)
}

.collection-list[data-v-a23e28de] {
    padding: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.item[data-v-a23e28de] {
    margin: 0 0 1.4rem;
    width: calc(50% - .8rem);
    height: 13.3rem;
    box-sizing: border-box
}

.empty[data-v-a23e28de] {
    width: 100%;
    font-size: 1.2rem;
    text-align: center
}

@media (max-width:600px) {
    .item[data-v-a23e28de] {
        width: 100%
    }
}

.open-in-app[data-v-8be4ae3a] {
    position: fixed;
    left: 50%;
    bottom: 2rem;
    height: 2.5em;
    padding: 0 1.5em;
    font-size: 1.167rem;
    background-color: #007fff;
    border-radius: 1.5em;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    outline: none;
    transform: translate(-50%);
    z-index: 2000;
    display: none
}

@media (max-width:600px) {
    .open-in-app[data-v-8be4ae3a] {
        display: block
    }
}

.iconfont[data-v-425ef9c7] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-425ef9c7]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-425ef9c7]:before {
    content: "\e601"
}

.info-box[data-v-425ef9c7] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:600px) {
    .info-box[data-v-425ef9c7] {
        align-items: center
    }

    .info-box .intro[data-v-425ef9c7],
    .info-box .position[data-v-425ef9c7] {
        text-align: center
    }

    .info-box .intro .icon[data-v-425ef9c7],
    .info-box .position .icon[data-v-425ef9c7] {
        display: none
    }
}

.info-box .top[data-v-425ef9c7] {
    display: flex;
    align-items: center
}

.info-box .top .username[data-v-425ef9c7] {
    margin: 0;
    padding: 0;
    font-size: 2.167rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000
}

.info-box .top .link[data-v-425ef9c7] {
    display: block;
    width: 47px;
    height: 24px;
    margin-left: 1rem;
    border-radius: 1rem;
    background-image: url(https://gold-cdn.xitu.io/asset/2018/link-icon.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 6px -3px #999
}

.info-box .top .link[data-v-425ef9c7]:hover {
    opacity: .8
}

.info-box .intro[data-v-425ef9c7],
.info-box .position[data-v-425ef9c7] {
    display: flex;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #72777b
}

.info-box .intro .icon[data-v-425ef9c7],
.info-box .position .icon[data-v-425ef9c7] {
    flex: 0 0 auto;
    margin-right: .6rem;
    height: 1.8rem
}

.info-box .intro .content[data-v-425ef9c7],
.info-box .position .content[data-v-425ef9c7] {
    flex: 1 1 auto
}

.info-box .intro .content .split[data-v-425ef9c7],
.info-box .position .content .split[data-v-425ef9c7] {
    display: inline-block;
    margin: 0 .5em;
    width: 1px;
    height: .7em;
    background-color: #72777b;
    opacity: .5
}

.info-box .intro .info-input[data-v-425ef9c7],
.info-box .position .info-input[data-v-425ef9c7] {
    color: #4a68ad;
    cursor: pointer
}

.info-box .intro .info-input[data-v-425ef9c7]:hover,
.info-box .position .info-input[data-v-425ef9c7]:hover {
    opacity: .8
}

.info-box .intro .info-input[data-v-425ef9c7]:before,
.info-box .position .info-input[data-v-425ef9c7]:before {
    content: "+ "
}

.info-box .position[data-v-425ef9c7] {
    margin-top: 1rem
}

.info-box .intro[data-v-425ef9c7] {
    margin-top: .4rem
}

.link[data-v-6b4d06c8]:not(:first-child) {
    margin-left: 1rem
}

.link[data-v-6b4d06c8]:hover {
    opacity: .8
}

.link.inactive[data-v-6b4d06c8] {
    opacity: .5;
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    filter: grayscale(100%)
}

.container[data-v-71eddcdd] {
    width: 14px;
    height: 14px;
    position: relative;
    border-top: 1px solid #fff;
    transform: rotate(180deg);
    display: inline-block
}

.container .triangle[data-v-71eddcdd] {
    position: absolute;
    margin: auto;
    top: -6px;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff
}

.sidebar-entry[data-v-b85aa75c] {
    display: inline-block;
    margin-bottom: 1rem;
    cursor: pointer;
    width: 100%;
    height: 60px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.sidebar-entry[data-v-b85aa75c]:hover {
    opacity: .9
}

.iconfont[data-v-651ed02d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-651ed02d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-651ed02d]:before {
    content: "\e601"
}

.related-entry .thumb[data-v-651ed02d] {
    width: 88px;
    height: 48px;
    flex: 0 0 auto;
    margin-right: 1.5rem;
    margin-left: 0;
    margin-top: 0
}

.related-entry .title[data-v-651ed02d] {
    font-size: 1.3rem;
    cursor: pointer;
    color: #333
}

.related-entry .title[data-v-651ed02d]:hover {
    color: #275b8c
}

.related-entry .entry-link[data-v-651ed02d] {
    display: flex
}

.related-entry .entry-link .info[data-v-651ed02d] {
    overflow: hidden
}

.related-entry .entry-link .title-row[data-v-651ed02d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 400px;
    font-weight: 600
}

.related-entry .entry-link .meta-list[data-v-651ed02d] {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    color: #ddd
}

.related-entry .entry-link .meta-list .meta[data-v-651ed02d] {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    margin-right: 1rem
}

.related-entry .entry-link .meta-list .meta .icon[data-v-651ed02d] {
    margin-right: .3rem
}

@media (max-width:600px) {
    .related-entry .thumb[data-v-651ed02d] {
        display: none
    }

    .related-entry .entry-link .title-row[data-v-651ed02d] {
        width: 100%
    }
}

.user-popover-box[data-v-a2c9bb3e] {
    display: inline
}

.user-popover[data-v-a2c9bb3e] {
    position: fixed;
    top: 20rem;
    left: 2rem;
    padding: 1.333rem 1.333rem 1.833rem;
    width: 267px;
    max-height: 160px;
    font-weight: 400;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-sizing: border-box;
    border-radius: 2px;
    cursor: default;
    z-index: 250
}

@media (max-width:$width-small) {
    .user-popover[data-v-a2c9bb3e] {
        display: none
    }
}

.info-row[data-v-a2c9bb3e] {
    display: flex
}

.info-row .avatar[data-v-a2c9bb3e] {
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 4.833rem;
    height: 4.833rem;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.info-row .user-info[data-v-a2c9bb3e] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    line-height: 1
}

.info-row .user-info .username[data-v-a2c9bb3e] {
    margin-top: .333rem;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info-row .user-info .position[data-v-a2c9bb3e] {
    margin: 1.5rem 0 0;
    font-size: 1.083rem;
    line-height: 1.2;
    color: #8f969c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.meta-row[data-v-a2c9bb3e] {
    display: flex;
    align-items: flex-end;
    margin-top: 1.5rem
}

.meta-row .meta-list[data-v-a2c9bb3e] {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.meta-row .meta-list .item[data-v-a2c9bb3e] {
    flex: 1 1 auto
}

.meta-row .meta-list .item .count[data-v-a2c9bb3e] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #17181a
}

.meta-row .meta-list .item .title[data-v-a2c9bb3e] {
    margin-top: .666rem;
    font-size: 13px;
    color: #8f969c
}

.meta-row .follow-btn[data-v-a2c9bb3e] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 6.167rem;
    height: 2.5rem;
    font-size: 1.25rem;
    letter-spacing: normal;
    color: #37c701;
    background-color: #fff;
    border: 1px solid #37c701;
    border-radius: 2px
}

.meta-row .follow-btn[data-v-a2c9bb3e]:hover:not(:disabled) {
    opacity: .8
}

.meta-row .follow-btn.followed[data-v-a2c9bb3e] {
    color: #fff;
    background-color: #1fd200
}

.meta-row .follow-btn[data-v-a2c9bb3e]:disabled {
    color: #ccc;
    border-color: #ccc
}

.triangle-bottom[data-v-a2c9bb3e] {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -5px
}

.triangle-bottom.container[data-v-a2c9bb3e] {
    transform: rotate(0deg)
}

.triangle-bottom.isTop[data-v-a2c9bb3e] {
    bottom: 158px
}

.triangle-bottom.isTop.container[data-v-a2c9bb3e] {
    transform: rotate(180deg)
}

.fade-enter-active[data-v-a2c9bb3e],
.fade-leave-active[data-v-a2c9bb3e] {
    transition: opacity .2s
}

.fade-enter[data-v-a2c9bb3e],
.fade-leave-to[data-v-a2c9bb3e] {
    opacity: 0
}

.comment-list-header[data-v-49326c69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.167rem;
    color: #666
}

.sort-list[data-v-49326c69] {
    margin: 0;
    padding: 0;
    list-style: none
}

.sort-list .item[data-v-49326c69] {
    float: right;
    margin-left: 1rem;
    cursor: pointer
}

.sort-list .item.active[data-v-49326c69],
.sort-list .item[data-v-49326c69]:hover {
    color: #007fff
}

.iconfont[data-v-156ef260] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-156ef260]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-156ef260]:before {
    content: "\e601"
}

.content-block[data-v-156ef260] {
    margin-bottom: 1.5rem;
    background-color: #fff;
    border-radius: 2px
}

.content-block>.title-box[data-v-156ef260] {
    display: flex;
    align-items: center;
    height: 3.6rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2)
}

.content-block>.title-box .title[data-v-156ef260] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.right-block-box[data-v-156ef260] {
    float: right;
    width: 20rem;
    font-size: 1.167rem;
    color: #000
}

.right-block-box .title-box[data-v-156ef260] {
    padding: 0 1.3rem
}

.right-block-box .body-box[data-v-156ef260] {
    padding: 1.3rem
}

@media (max-width:600px) {
    .right-block-box[data-v-156ef260] {
        float: none;
        width: auto
    }
}

.tips-block .body-box[data-v-156ef260] {
    font-size: 1.167rem;
    line-height: 2
}

.tips-block .body-box .list[data-v-156ef260] {
    margin: 0;
    padding: 0
}

.tips-block .body-box .list .item[data-v-156ef260] {
    list-style: none
}

.tips-block .body-box .list .item[data-v-156ef260]:not(:last-child) {
    margin-bottom: 1rem
}

.miner-block .miner-list[data-v-156ef260] {
    display: flex;
    margin-bottom: .5rem
}

.miner-block .miner-list .avatar-box[data-v-156ef260] {
    margin-bottom: .5rem
}

.miner-block .miner-list .avatar-box[data-v-156ef260]:not(:last-child) {
    margin-right: .3rem
}

.miner-block .miner-list .avatar[data-v-156ef260] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.miner-block .empty[data-v-156ef260] {
    margin-bottom: 1rem;
    color: #999
}

.miner-block .repo-link[data-v-156ef260] {
    font-size: 1.167rem;
    color: #3474f7
}

.main-block[data-v-156ef260] {
    margin-right: 21.5rem;
    padding: 2.5rem;
    color: #000
}

@media (max-width:600px) {
    .main-block[data-v-156ef260] {
        margin-right: 0;
        padding: 1.3rem
    }
}

.main-block .title[data-v-156ef260] {
    margin: 0;
    padding: 1.2rem 0;
    font-size: 2.667rem;
    font-weight: 600
}

.main-block .sub-title[data-v-156ef260] {
    margin: 0;
    padding: 1.4rem 0;
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid #ececec
}

.main-block .select-list[data-v-156ef260] {
    margin: 1.5rem 0;
    padding: 0 0 0 1rem
}

.main-block .select-list .item[data-v-156ef260] {
    position: relative;
    padding: 0 0 0 2rem;
    font-size: 1.25rem;
    line-height: 2;
    cursor: pointer
}

.main-block .select-list .item[data-v-156ef260]:first-child:after {
    content: "ï¼ˆå½“å‰é‡‡ç”¨ï¼‰";
    color: #949494
}

.main-block .select-list .item[data-v-156ef260]:not(:last-child) {
    margin-bottom: .8rem
}

.main-block .select-list .item.new[data-v-156ef260] {
    padding-top: .5em
}

.main-block .select-list .item[data-v-156ef260]:before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: .9em;
    height: .9em;
    border: .05em solid #979797;
    border-radius: 50%
}

.main-block .select-list .item.active[data-v-156ef260]:before {
    width: .4em;
    height: .4em;
    border: .3em solid #007fff
}

.main-block .select-list .item .content-input[data-v-156ef260] {
    padding: .5rem 1rem;
    min-height: 10rem;
    line-height: 1.5;
    border: 1px solid #979797;
    border-radius: 2px
}

.main-block .select-list .item .content-input[data-v-156ef260]:focus,
.main-block .select-list .item .content-input[data-v-156ef260]:hover {
    border-color: #007fff
}

.main-block .ctrl-box[data-v-156ef260] {
    margin-bottom: 2rem;
    text-align: right
}

.main-block .ctrl-box .submit-btn[data-v-156ef260] {
    padding: .5rem 4rem;
    font-size: 1.25rem;
    color: #fff;
    background-color: #3474f7;
    border-radius: 2px
}

.main-block .ctrl-box .submit-btn[data-v-156ef260]:disabled {
    background-color: #ccc
}

.iconfont[data-v-f607d936] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f607d936]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-f607d936]:before {
    content: "\e601"
}

.source-header[data-v-f607d936] {
    padding: 0 20px;
    display: flex;
    height: 43px;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    color: #8a9aa9;
    box-sizing: border-box
}

.source-header .username[data-v-f607d936] {
    margin: 0 4px;
    font-weight: 500;
    color: #17181a
}

@media (max-width:600px) {
    .source-header .username[data-v-f607d936] {
        max-width: 170px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle
    }
}

.iconfont[data-v-3a4bd936] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3a4bd936]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3a4bd936]:before {
    content: "\e601"
}

.emoji-picker .emojis .category[data-v-3a4bd936] {
    max-width: 280px;
    max-height: 225px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.emoji-picker .emojis .category .item[data-v-3a4bd936] {
    font-size: 1.4rem;
    padding: 5px 4.5px;
    cursor: pointer
}

.emoji-picker .emojis .category .item[data-v-3a4bd936] .emoji {
    width: 22px;
    height: 22px;
    display: block
}

.emoji-picker .emojis .category .item[data-v-3a4bd936] .emoji:hover {
    transform: scale(1.2)
}

.iconfont[data-v-014b41e2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-014b41e2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-014b41e2]:before {
    content: "\e601"
}

.emoji[data-v-014b41e2] {
    position: relative
}

.emoji .emoji-box[data-v-014b41e2] {
    display: flex;
    align-items: center;
    position: relative;
    color: #027fff;
    cursor: pointer;
    font-size: 1.2rem
}

.emoji .emoji-box .icon[data-v-014b41e2] {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.emoji .emoji-box span[data-v-014b41e2] {
    padding: .166rem;
    font-size: 13px
}

.emoji .emoji-selector[data-v-014b41e2] {
    padding: 1rem;
    position: absolute;
    top: 2.8rem;
    z-index: 1;
    bottom: 0;
    width: 280px;
    height: 17.5rem;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.emoji .emoji-selector .triangle[data-v-014b41e2] {
    position: absolute;
    top: -.7rem;
    left: 15%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    border: .8rem solid transparent;
    border-bottom-color: #fff
}

.emoji .emoji-selector .emoji-content[data-v-014b41e2] {
    overflow: auto;
    margin-bottom: 10px
}

.emoji .emoji-selector ul.nextpage[data-v-014b41e2] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.emoji .emoji-selector ul.nextpage li[data-v-014b41e2] {
    margin: 0 5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #f0f0f0;
    cursor: pointer
}

.emoji .emoji-selector ul.nextpage li.active[data-v-014b41e2] {
    cursor: default;
    background-color: #d8d8d8
}

.iconfont[data-v-025b82e4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-025b82e4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-025b82e4]:before {
    content: "\e601"
}

.comment-form[data-v-025b82e4] {
    display: flex;
    position: relative;
    padding: 1rem 1.333rem;
    background-color: #fafbfc;
    border-radius: 3px
}

.comment-form.focused .input-box[data-v-025b82e4] {
    border-color: #007fff
}

.comment-form.reply[data-v-025b82e4] {
    margin-top: 1.083rem;
    padding: 1rem
}

.comment-form.reply .avatar-box[data-v-025b82e4] {
    display: none
}

.comment-form.sub-reply[data-v-025b82e4] {
    background-color: #fff;
    border: 1px solid #f1f1f2
}

.avatar-box[data-v-025b82e4] {
    flex: 0 0 auto
}

@media (max-width:600px) {
    .avatar-box[data-v-025b82e4] {
        display: none
    }
}

.avatar[data-v-025b82e4] {
    margin: 0 1rem 0 0;
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.form-box[data-v-025b82e4] {
    flex: 1 1 auto;
    position: relative
}

.form-box.disabled[data-v-025b82e4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.input-box[data-v-025b82e4] {
    font-size: 0;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px
}

.rich-input[data-v-025b82e4] {
    position: relative;
    padding: .6rem 1rem;
    font-size: 1.083rem;
    line-height: 1.7;
    color: #17181a;
    outline: none;
    min-height: 1.3em
}

.rich-input[data-v-025b82e4]:before {
    content: attr(placeholder);
    position: absolute;
    opacity: .4;
    pointer-events: none;
    user-select: none
}

.rich-input[data-v-025b82e4]:not(.empty):before {
    display: none
}

.image-preview-box[data-v-025b82e4] {
    display: inline-block;
    position: relative;
    margin: 0 1rem 1rem
}

.image-preview-box .image-preview[data-v-025b82e4] {
    width: 6.667rem;
    height: 6.667rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.image-preview-box .clean-btn[data-v-025b82e4] {
    position: absolute;
    top: .333rem;
    right: .333rem;
    cursor: pointer
}

.image-preview-box .clean-btn[data-v-025b82e4]:hover {
    opacity: .8
}

.action-box[data-v-025b82e4] {
    display: flex;
    align-items: center;
    margin: .65rem 0 0
}

@media (max-width:600px) {
    .action-box .emoji-btn[data-v-025b82e4] {
        display: none
    }
}

[data-v-025b82e4] .action-box .emoji-btn span {
    font-size: 13px
}

.image-btn[data-v-025b82e4] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 1.083rem;
    color: #027fff;
    cursor: pointer;
    margin-left: 20px
}

.image-btn[data-v-025b82e4]:hover {
    opacity: .8
}

.image-btn .icon[data-v-025b82e4] {
    margin-right: .333rem;
    width: 18px;
    height: 18px
}

.submit[data-v-025b82e4] {
    flex: 0 0 auto;
    margin-left: auto
}

.submit span[data-v-025b82e4] {
    color: #c2c2c2;
    margin-right: 8px;
    font-size: 13px
}

.submit .submit-btn[data-v-025b82e4] {
    flex: 0 0 auto;
    margin-left: auto;
    padding: .5rem 1.3rem;
    font-size: 1.25rem;
    color: #fff;
    background-color: #027fff;
    border-radius: 2px;
    cursor: pointer
}

.submit .submit-btn[data-v-025b82e4]:hover {
    background-color: #0371df
}

.submit .submit-btn[data-v-025b82e4]:disabled {
    cursor: default;
    opacity: .4
}

[data-v-025b82e4] .rich-input .emoji {
    vertical-align: sub;
    width: 1.666rem;
    height: 1.666rem;
    cursor: default;
    margin: 0 1px
}

.fade-enter-active[data-v-3e884b25],
.fade-leave-active[data-v-3e884b25] {
    transition: opacity .2s
}

.fade-enter[data-v-3e884b25],
.fade-leave-to[data-v-3e884b25] {
    opacity: 0
}

.image-box[data-v-3e884b25] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    background-color: rgba(0, 0, 0, .8);
    overflow: auto
}

.image[data-v-3e884b25] {
    position: absolute;
    transition: all .2s;
    cursor: zoom-out
}

.image.error[data-v-3e884b25] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fade-enter-active[data-v-f5ae44ba],
.fade-leave-active[data-v-f5ae44ba] {
    transition: opacity .2s
}

.fade-enter[data-v-f5ae44ba],
.fade-leave-to[data-v-f5ae44ba] {
    opacity: 0
}

.image-box[data-v-f5ae44ba] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    background-color: rgba(0, 0, 0, .8);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.image-box.large-long[data-v-f5ae44ba] {
    display: block
}

.image[data-v-f5ae44ba] {
    position: absolute;
    max-width: 100%;
    transition: all .1s
}

.image.zoom[data-v-f5ae44ba] {
    max-width: 1000%
}

.image.error[data-v-f5ae44ba] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

[data-v-138199f0] .image-viewer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000
}

[data-v-138199f0] .image-viewer.loading:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 50%;
    height: .2rem;
    background-color: #007fff;
    z-index: 1;
    animation: pro-data-v-138199f0 1s ease-in-out infinite;
    animation-delay: 1s
}

@-moz-keyframes pro-data-v-138199f0 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(300%, 0, 0)
    }
}

@-webkit-keyframes pro-data-v-138199f0 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(300%, 0, 0)
    }
}

@-o-keyframes pro-data-v-138199f0 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(300%, 0, 0)
    }
}

@keyframes pro-data-v-138199f0 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(300%, 0, 0)
    }
}

.posters[data-v-2459d07c] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200
}

#posters-dom[data-v-2459d07c] {
    position: absolute;
    left: -10000px
}

#posters-canvas[data-v-2459d07c] {
    position: absolute;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
    left: 50%;
    top: 50%;
    display: block;
    line-height: 0;
    opacity: 0
}

#posters-canvas img[data-v-2459d07c] {
    width: 100%
}

.posters-main[data-v-2459d07c] {
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5)
}

.posters-main .panfish-loading[data-v-2459d07c] {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 30px
}

.posters-main .panfish-loading.visible[data-v-2459d07c] {
    display: flex
}

.posters-main .panfish-loading .panfish[data-v-2459d07c] {
    animation: panfish-data-v-2459d07c .5s ease-in-out infinite alternate
}

.posters-main .panfish-loading .shadow[data-v-2459d07c] {
    margin-top: 12px;
    background-color: #3a3a3a;
    width: 30px;
    height: 6px;
    border-radius: 45%
}

.posters-main .posters-panel[data-v-2459d07c] {
    min-height: 480px;
    height: calc(100% - 75px);
    padding: 10px 20px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex
}

.posters-main .posters-panel .poster-img[data-v-2459d07c] {
    margin: auto;
    width: 275px;
    height: 489px;
    width: 236px;
    height: 420px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .28)
}

.posters-main .posters-panel .poster-img .max-box[data-v-2459d07c] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200%;
    height: 200%;
    transform: scale(.5) translate(-100%, -100%);
    transform-origin: center center
}

.posters-main .posters-panel .poster-img .avatar[data-v-2459d07c] {
    width: 100px;
    height: 100px;
    transform: scale(.6);
    transform-origin: 0 0;
    left: 31.465px;
    top: 25.171999999999997px;
    border: 4px solid #fff;
    border-radius: 2px;
    position: absolute;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee
}

.posters-main .posters-panel .poster-img .username[data-v-2459d07c] {
    font-weight: 500;
    font-size: 26px;
    font-weight: 400;
    transform: scale(.6);
    transform-origin: 0 center;
    position: absolute;
    top: 23.9134px;
    left: 106.981px;
    color: #111
}

.posters-main .posters-panel .poster-img .together[data-v-2459d07c] {
    font-size: 24px;
    font-weight: 400;
    transform: scale(.6);
    transform-origin: 0 center;
    position: absolute;
    top: 50.343999999999994px;
    left: 106.981px;
    color: #111
}

.posters-main .posters-panel .poster-img img.template[data-v-2459d07c] {
    height: 100%;
    width: 100%;
    display: block
}

.posters-main .posters-panel .poster-img .qr-border[data-v-2459d07c] {
    position: absolute;
    right: 35.2408px;
    bottom: 20.1376px;
    padding: 4px;
    background-color: #fff
}

.posters-main .posters-panel .poster-img .qr-border img.qr[data-v-2459d07c] {
    display: block;
    width: 88.10199999999999px;
    height: 88.10199999999999px
}

.posters-main .posters-panel .poster-img .close-btn[data-v-2459d07c] {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    transform-origin: center center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5)
}

.posters-main .posters-panel .poster-img .close-btn .ion-close[data-v-2459d07c] {
    color: #fff;
    font-size: 16px
}

@media (max-width:320px) {
    .posters-main .posters-footer[data-v-2459d07c] {
        font-size: 14px
    }
}

@media (min-height:500px) and (max-height:600px) {
    .posters-main .posters-panel[data-v-2459d07c] {
        height: calc(100% - 68px)
    }

    .posters-main .posters-footer[data-v-2459d07c] {
        height: 68px
    }
}

@-moz-keyframes panfish-data-v-2459d07c {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@-webkit-keyframes panfish-data-v-2459d07c {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@-o-keyframes panfish-data-v-2459d07c {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

@keyframes panfish-data-v-2459d07c {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(5px)
    }
}

.hot-comments-list-modal[data-v-b749208a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .95);
    overflow-y: auto;
    z-index: 250
}

.hot-comments-list-modal .hot-comments-header[data-v-b749208a] {
    height: 50px;
    line-height: 50px;
    background-color: #fafafa;
    border-bottom: 1px solid #ededed
}

.hot-comments-list-modal .hot-comments-header h3[data-v-b749208a] {
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-size: 18px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-b749208a] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #b6bac1;
    float: left;
    position: absolute;
    left: 15px;
    top: 11px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-b749208a]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 14px;
    height: 1px;
    background-color: #b6bac1;
    transform: rotate(45deg);
    margin-left: -7px;
    margin-top: -1px
}

.hot-comments-list-modal .hot-comments-header .icon-close[data-v-b749208a]:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 14px;
    height: 1px;
    background-color: #b6bac1;
    transform: rotate(-45deg);
    margin-left: -7px;
    margin-top: -1px
}

.hot-comments-list-modal .comments-list .comment[data-v-b749208a] {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 38px;
    padding-top: 12px;
    display: flex
}

.hot-comments-list-modal .comments-list .comment .avatar[data-v-b749208a] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0
}

.hot-comments-list-modal .comments-list .comment .content-box[data-v-b749208a] {
    flex-grow: 1;
    margin-left: 8px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header[data-v-b749208a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    line-height: 32px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header .user[data-v-b749208a] {
    color: inherit;
    font-size: 16px
}

.hot-comments-list-modal .comments-list .comment .content-box .comment-header .date[data-v-b749208a] {
    font-size: 13px;
    color: #b1bac2
}

.hot-comments-list-modal .comments-list .comment .content-box .content[data-v-b749208a] {
    font-size: 15px;
    padding-bottom: 10px
}

.hot-comments-list-modal .comments-list .comment:not(:last-child) .content-box .content[data-v-b749208a] {
    border-bottom: 1px solid #eceded
}

.book-card[data-v-4ebf8dda] {
    max-width: 720px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.book-card .header[data-v-4ebf8dda] {
    display: flex;
    border-bottom: 1px solid #eceded;
    font-size: 16px;
    background-color: #fff;
    color: #232323
}

.book-card .header .header-item[data-v-4ebf8dda] {
    min-width: 60px;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px
}

.book-card .header.header-equal[data-v-4ebf8dda] {
    cursor: pointer
}

.book-card .header.header-equal .selected[data-v-4ebf8dda] {
    color: #007fff;
    box-shadow: inset 0 -2px 0 #3780f7
}

.comments-list[data-v-4ebf8dda] {
    padding-bottom: 5px
}

.comments-list .comment[data-v-4ebf8dda] {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 12px;
    display: flex
}

.comments-list .comment .avatar[data-v-4ebf8dda] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0
}

.comments-list .comment .content-box[data-v-4ebf8dda] {
    flex-grow: 1;
    margin-left: 15px
}

.comments-list .comment .content-box .comment-header[data-v-4ebf8dda] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    line-height: 32px
}

.comments-list .comment .content-box .comment-header .user[data-v-4ebf8dda] {
    font-size: 16px;
    font-weight: 700;
    color: #232323
}

.comments-list .comment .content-box .comment-header .date[data-v-4ebf8dda] {
    font-size: 13px;
    color: #b1bac2
}

.comments-list .comment .content-box .content[data-v-4ebf8dda] {
    font-size: 15px;
    padding-bottom: 10px;
    text-align: justify
}

@media (max-width:640px) {
    .comments-list .comment[data-v-4ebf8dda] {
        padding-right: 20px
    }

    .comments-list .comment .content-box[data-v-4ebf8dda] {
        margin-left: 8px
    }

    .comments-list .comment .content-box .comment-header .user[data-v-4ebf8dda] {
        font-size: 15px
    }
}

.comments-book .comment:not(:last-child) .content-box .footer-line[data-v-4ebf8dda],
.comments-section .comment:not(:last-child) .content-box .content[data-v-4ebf8dda] {
    border-bottom: 1px solid #eceded
}

.star-panel[data-v-4ebf8dda] {
    display: flex
}

.star-panel .star[data-v-4ebf8dda] {
    width: 15px;
    height: 15px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.30920c8.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.star-panel .star.star-selected[data-v-4ebf8dda] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
    background-size: contain
}

.star-panel .star[data-v-4ebf8dda]:not(:last-child) {
    margin-right: 2px
}

.star-panel .star-title[data-v-4ebf8dda] {
    color: #e88200;
    font-size: 17px;
    line-height: 25px
}

.hot-comments-pages[data-v-4ebf8dda] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #eceded;
    height: 50px
}

.hot-comments-pages .hot-comments[data-v-4ebf8dda] {
    display: flex
}

.hot-comments-pages .hot-comments .page[data-v-4ebf8dda] {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    cursor: pointer;
    color: #007fff
}

.hot-comments-pages .hot-comments .page.current[data-v-4ebf8dda] {
    color: #232323;
    cursor: default
}

.hot-comments-pages .hot-comments .page.omit[data-v-4ebf8dda] {
    color: #666;
    cursor: default
}

.hot-comments-pages .m-inner-text[data-v-4ebf8dda] {
    font-size: 15px;
    color: #007fff
}

.comments-book .footer-line[data-v-4ebf8dda] {
    display: flex;
    justify-content: flex-end;
    color: #b1bac2;
    font-size: 14px;
    padding-bottom: 10px
}

@media (max-width:640px) {
    .book-card .header-equal .header-item[data-v-4ebf8dda] {
        text-align: center;
        flex-grow: 1;
        flex-shrink: 0
    }
}

.iconfont[data-v-7fa2f6fb] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7fa2f6fb]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-7fa2f6fb]:before {
    content: "\e601"
}

.masker[data-v-7fa2f6fb] {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center
}

.masker .box[data-v-7fa2f6fb] {
    width: 300px;
    height: auto;
    min-height: 400px;
    border-radius: 3px;
    padding: 35px 25px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative
}

.masker .box .title[data-v-7fa2f6fb] {
    font-size: 18px;
    color: #007fff;
    text-align: center
}

.masker .box .desc[data-v-7fa2f6fb] {
    color: #939393;
    font-size: 14px;
    margin-top: 15px;
    text-align: center
}

.masker .box .desc .code[data-v-7fa2f6fb] {
    color: #000;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px
}

.masker .box .qr-box[data-v-7fa2f6fb] {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 240px
}

.masker .box .qr-box img[data-v-7fa2f6fb] {
    width: 180px;
    border-radius: 2px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.masker .box .btn-read[data-v-7fa2f6fb] {
    width: 100%;
    height: 32px
}

.masker .box .close-btn[data-v-7fa2f6fb] {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    width: 15px;
    height: 15px
}

.masker .box .close-btn[data-v-7fa2f6fb]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #bec3c7;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center
}

.masker .box .close-btn[data-v-7fa2f6fb]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #bec3c7;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center
}

.book-new-user-coupon[data-v-301c3554] {
    position: relative;
    height: 28px;
    margin-right: 5px;
    display: flex;
    justify-content: flex-end
}

.book-new-user-coupon .icon[data-v-301c3554] {
    cursor: pointer
}

.book-new-user-coupon .icon img[data-v-301c3554] {
    height: 28px
}

.book-new-user-coupon .icon:hover+.card[data-v-301c3554] {
    display: block
}

.book-new-user-coupon .card[data-v-301c3554] {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    right: 28px;
    line-height: 1;
    color: #8b572a;
    padding: 5px;
    background: -webkit-gradient(linear, right top, left top, from(#eed7a1), to(#fdedc9));
    background: -webkit-linear-gradient(right, #eed7a1, #fdedc9);
    background: linear-gradient(180deg, #eed7a1, #fdedc9);
    background: -webkit-linear-gradient(180deg, #eed7a1, #fdedc9);
    font-size: 12px;
    border-radius: 2px;
    margin-right: 8px;
    font-weight: 400
}

.book-new-user-coupon .card[data-v-301c3554]:after {
    position: absolute;
    content: "";
    right: 0;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -6px;
    right: -6px;
    border-color: transparent transparent transparent #eed7a1;
    border-style: solid;
    border-width: 6px 0 6px 6px
}

.section[data-v-2290d2bc] {
    position: relative;
    min-height: 75px;
    cursor: default;
    padding-left: 20px;
    padding-right: 35px;
    border-radius: 2px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #8f9193
}

.section.section-link[data-v-2290d2bc] {
    cursor: pointer
}

.section[data-v-2290d2bc]:hover {
    color: #333;
    background-color: #e9e9e9
}

.section:hover .more[data-v-2290d2bc] {
    display: block
}

.section.read[data-v-2290d2bc] {
    color: #333
}

.section.route-active[data-v-2290d2bc] {
    color: #333;
    background-color: #e0e0e0
}

.section.read .step .step-btn[data-v-2290d2bc],
.section.route-active .step .step-btn[data-v-2290d2bc] {
    border-color: #007fff;
    color: #007fff
}

.section.read .step[data-v-2290d2bc]:after,
.section.read .step[data-v-2290d2bc]:before,
.section.route-active .step[data-v-2290d2bc]:after,
.section.route-active .step[data-v-2290d2bc]:before {
    background-color: #007fff
}

.section.route-active .step[data-v-2290d2bc]:after {
    background-color: #b5b7ba
}

.section .center[data-v-2290d2bc] {
    flex-grow: 1;
    padding-top: 12px;
    padding-bottom: 12px
}

.section .center .title[data-v-2290d2bc] {
    font-size: 16px
}

.section .center .sub-line[data-v-2290d2bc] {
    display: flex;
    align-items: center;
    margin-top: 3px
}

.section .center .sub-line .to-read[data-v-2290d2bc] {
    flex-shrink: 0;
    width: 40px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    background-color: #fa5600
}

.section .center .sub-line .writing[data-v-2290d2bc] {
    color: #6ea7da;
    margin-right: 12px
}

.section .center .sub-line .statistics[data-v-2290d2bc] {
    color: #b2bac2;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap
}

.section .center .sub-line .statistics span[data-v-2290d2bc] {
    margin-right: 12px
}

.section .step[data-v-2290d2bc] {
    align-items: center;
    display: flex;
    margin-right: 15px;
    align-self: stretch;
    position: relative
}

.section .step .step-btn[data-v-2290d2bc] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #b5b7ba;
    color: #b5b7ba;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    z-index: 1
}

.section .step[data-v-2290d2bc]:before {
    top: 0
}

.section .step[data-v-2290d2bc]:after,
.section .step[data-v-2290d2bc]:before {
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background-color: #b5b7ba;
    height: 50%;
    content: ""
}

.section .step[data-v-2290d2bc]:after {
    top: 50%
}

.section:first-child .step[data-v-2290d2bc]:before,
.section:last-child .step[data-v-2290d2bc]:after {
    display: none
}

@media (max-width:720px) {
    .section .step .step-btn[data-v-2290d2bc] {
        width: 30px;
        height: 30px;
        font-size: 12px
    }
}

.iconfont[data-v-2290d2bc] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2290d2bc]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2290d2bc]:before {
    content: "\e601"
}

.section-of-info[data-v-2290d2bc] {
    color: #000
}

.section-of-info .section[data-v-2290d2bc] {
    position: relative;
    min-height: 70px
}

.section-of-info .section[data-v-2290d2bc]:hover {
    border-radius: 2px;
    background-color: hsla(0, 0%, 84.7%, .2)
}

.section-of-info .section .title[data-v-2290d2bc] {
    color: #000
}

.section-of-info .section .step .step-btn[data-v-2290d2bc] {
    width: 45px;
    height: 45px;
    border-width: 3px;
    font-size: 18px
}

.section-of-info .section .step[data-v-2290d2bc]:after,
.section-of-info .section .step[data-v-2290d2bc]:before {
    width: 2px
}

.section-of-info .aside[data-v-2290d2bc] {
    display: none
}

@media (max-width:720px) {
    .section-of-info .section[data-v-2290d2bc] {
        padding-left: 0;
        padding-right: 0;
        min-height: auto
    }

    .section-of-info .section[data-v-2290d2bc]:after {
        content: "";
        position: absolute;
        left: 30px;
        right: 0;
        bottom: -1px;
        border-bottom: 1px solid #e5e5e5;
        transform-origin: 0 0;
        transform: scaleY(.5)
    }

    .section-of-info .section[data-v-2290d2bc]:hover {
        background-color: transparent
    }

    .section-of-info .section .statistics .comment[data-v-2290d2bc] {
        display: none
    }

    .section-of-info .section .center[data-v-2290d2bc] {
        padding-right: 50px
    }

    .section-of-info .section .center .to-read[data-v-2290d2bc] {
        display: none
    }

    .section-of-info .section .step[data-v-2290d2bc] {
        margin-right: 10px
    }

    .section-of-info .section .step[data-v-2290d2bc]:after,
    .section-of-info .section .step[data-v-2290d2bc]:before {
        display: none
    }

    .section-of-info .section .step .step-btn[data-v-2290d2bc] {
        width: 20px;
        font-size: 16px;
        background-color: transparent;
        border-width: 0
    }

    .section-of-info .aside[data-v-2290d2bc] {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .section-of-info .aside .to-read--m[data-v-2290d2bc] {
        width: 45px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        border-radius: 2px;
        border: 1px solid #ff7600;
        color: #ff7600
    }

    .section-of-info .aside .lock[data-v-2290d2bc] {
        width: 45px;
        text-align: center
    }

    .section-of-info .aside .lock img[data-v-2290d2bc] {
        width: 12px;
        vertical-align: bottom
    }

    .section-of-info .aside .lock+.to-read--m[data-v-2290d2bc] {
        margin-top: 3px
    }
}

.iconfont[data-v-04e93c42] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-04e93c42]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-04e93c42]:before {
    content: "\e601"
}

.book-info-view[data-v-04e93c42] {
    margin-top: 1.767rem;
    min-height: calc(100vh - 195px)
}

.button--buy[data-v-04e93c42] {
    height: 40px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #007fff;
    color: #fff;
    text-align: center
}

.button--buy[data-v-04e93c42]:disabled {
    background-color: #c9c9c9;
    opacity: .8
}

.button--buy[data-v-04e93c42]:not(:disabled):hover {
    background-color: #0371df
}

.button--buy .delete-text[data-v-04e93c42] {
    opacity: .5;
    margin-left: 6px;
    text-decoration: line-through
}

.button--write[data-v-04e93c42] {
    height: 40px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    color: #71777c;
    text-align: center;
    background-color: #fff;
    border: 1px solid #aeb6c0;
    margin-left: 5px
}

.button--write[data-v-04e93c42]:disabled {
    background-color: #c9c9c9;
    opacity: .8
}

.button--write[data-v-04e93c42]:not(:disabled):hover {
    background-color: #f3f3f3
}

.book-card[data-v-04e93c42] {
    max-width: 720px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.book-card .header[data-v-04e93c42] {
    height: 50px;
    border-bottom: 1px solid #eceded;
    line-height: 50px;
    padding-left: 25px;
    font-size: 16px;
    background-color: #fff
}

.corner-mark[data-v-04e93c42] {
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 65px;
    z-index: 2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    padding-left: 18px;
    padding-right: 6px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/corner-mark.b0b5d73.png);
    background-repeat: no-repeat;
    color: #ef8625;
    background-size: auto 100%;
    background-position: 0
}

.corner-mark.hide[data-v-04e93c42] {
    display: none
}

.book-info[data-v-04e93c42] {
    padding: 20px
}

.book-info .poster[data-v-04e93c42] {
    width: 130px;
    height: 182px;
    border-radius: 2px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px
}

.book-info .poster img[data-v-04e93c42] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in
}

.book-info .info[data-v-04e93c42] {
    margin-left: 150px;
    font-size: 14px;
    min-height: 182px
}

.book-info .info .title-line .title[data-v-04e93c42] {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.book-info .info .title-line .title[data-v-04e93c42]:hover {
    color: #007fff
}

.book-info .info .title-line .title .presale[data-v-04e93c42] {
    vertical-align: middle;
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: -3px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    cursor: default;
    margin-right: 8px;
    border-radius: 2px;
    background-color: #ed7b11
}

.book-info .info .media[data-v-04e93c42] {
    display: flex;
    flex-direction: column
}

.book-info .info .media .add-group[data-v-04e93c42] {
    height: auto;
    display: none
}

.book-info .info .media .desc[data-v-04e93c42] {
    margin-top: 10px;
    min-height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #71777c
}

.book-info .info .media .author[data-v-04e93c42] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 12px
}

.book-info .info .media .author .author-info[data-v-04e93c42] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    color: #333
}

.book-info .info .media .author .author-info .user[data-v-04e93c42] {
    display: flex;
    align-items: center;
    color: #000
}

.book-info .info .media .author .author-info .hero[data-v-04e93c42] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 8px
}

.book-info .info .media .author .author-desc[data-v-04e93c42] {
    color: #71777c;
    flex-grow: 1;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.book-info .info .media .author .author-desc .position[data-v-04e93c42] {
    margin-left: 10px;
    margin-right: 10px
}

.book-info .other[data-v-04e93c42] {
    margin-top: 25px;
    position: relative
}

.book-info .other .not-buy[data-v-04e93c42] {
    position: relative
}

.book-info .other .not-buy .buy-box[data-v-04e93c42] {
    float: left
}

.book-mobile-other[data-v-04e93c42] {
    border-top: 1px solid #ecf0f3;
    display: none;
    padding: 15px;
    background: #fff;
    position: relative
}

.book-mobile-other[data-v-04e93c42]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.book-mobile-other button[data-v-04e93c42] {
    border-radius: 5px
}

.book-mobile-other .button--write[data-v-04e93c42] {
    flex-basis: 85px;
    flex-shrink: 0
}

.book-mobile-other .buy-box[data-v-04e93c42] {
    flex-basis: 0;
    flex-grow: 1;
    margin-left: .8rem
}

.book-mobile-other .button--buy[data-v-04e93c42] {
    width: 100%;
    display: block
}

.book-mobile-other .sale-tooltip[data-v-04e93c42] {
    right: 16px;
    bottom: -15px;
    z-index: 2
}

.book-mobile-other .invite-tooltip[data-v-04e93c42] {
    position: absolute;
    right: 17px;
    bottom: -18px;
    width: 68px;
    height: 34px;
    z-index: 2;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 2px;
    text-align: center;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/invite-bg.a0e61e2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    color: #8b572a;
    box-sizing: border-box;
    line-height: 25px
}

.book-bought[data-v-04e93c42] {
    display: flex;
    align-items: center;
    padding: 8px 22px 8px 15px;
    border-top: 1px solid #ecf0f3;
    cursor: pointer
}

.book-bought .label[data-v-04e93c42] {
    display: inline-flex;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    flex-shrink: 0
}

.book-bought .users[data-v-04e93c42] {
    flex-grow: 1;
    margin-left: 24px;
    display: inline-flex;
    flex-wrap: wrap;
    height: 24px;
    overflow: hidden
}

.book-bought .users .user[data-v-04e93c42] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    border-radius: 50%;
    background-size: cover
}

.book-bought .users .user[data-v-04e93c42]:first-child {
    margin-left: 0
}

.book-content[data-v-04e93c42] {
    padding: 30px 30px 0
}

.book-content .book-content-head[data-v-04e93c42] {
    position: relative;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
    line-height: 1.5;
    padding-bottom: 12px;
    font-size: 24px;
    border-bottom: 1px solid #ececec
}

.book-menu-wrap[data-v-04e93c42] {
    width: 100%;
    background: #fff
}

.book-menu-wrap.top[data-v-04e93c42] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.book-menu-wrap.top .book-menu[data-v-04e93c42] {
    border-bottom: none
}

.book-menu-wrap.top+[data-v-04e93c42] {
    margin-top: 51px
}

.book-menu[data-v-04e93c42] {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 50px;
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #ecf0f3
}

.book-menu .solid[data-v-04e93c42] {
    height: 2px;
    background-color: #007fff;
    position: absolute;
    min-width: 20px;
    bottom: 0;
    left: 0
}

.book-menu .item[data-v-04e93c42] {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.book-menu .item[data-v-04e93c42]:hover {
    color: #007fff
}

.book-menu .item.active[data-v-04e93c42] {
    color: #007fff;
    border-bottom: 2px solid #007fff
}

.book-menu .item .text[data-v-04e93c42] {
    vertical-align: middle
}

.book-menu .item .badge[data-v-04e93c42] {
    vertical-align: middle;
    height: 16px;
    color: #007fff;
    padding: 0 6px;
    background-color: #eaf4ff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 8px;
    margin-left: 6px
}

.book-section-view[data-v-04e93c42] {
    padding: 1px 30px 30px
}

.copy-right[data-v-04e93c42] {
    text-align: center;
    font-size: 14px;
    opacity: .7;
    color: #3a4e64;
    margin-bottom: 40px
}

.right-side[data-v-04e93c42] {
    position: absolute;
    right: 0;
    top: 5px;
    display: flex;
    align-items: center;
    height: 30px
}

.more[data-v-04e93c42] {
    cursor: pointer;
    display: flex;
    align-items: center
}

.more img[data-v-04e93c42] {
    width: 30px
}

.more .more-list[data-v-04e93c42] {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 8rem;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.more .more-list[data-v-04e93c42]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.more .more-list .item[data-v-04e93c42] {
    padding: .5rem .9rem
}

.more .more-list .item[data-v-04e93c42]:hover {
    background-color: #f7f8fa
}

.more.open .more-list[data-v-04e93c42] {
    display: block
}

.add-group[data-v-04e93c42] {
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.add-group img[data-v-04e93c42] {
    width: 18px;
    display: block
}

.add-group span[data-v-04e93c42] {
    font-size: 12px;
    margin-left: 5px;
    color: #b3bac2
}

.bottom-mobile-buy[data-v-04e93c42] {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #007fff;
    color: #fff;
    user-select: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    width: 178px;
    height: 40px;
    border-radius: 40px;
    margin-bottom: env(safe-area-inset-bottom)
}

@media (max-width:720px) {
    .books-other .header[data-v-04e93c42] {
        padding-left: 14px
    }

    .book-info-view[data-v-04e93c42] {
        margin-top: 0
    }

    .book-info[data-v-04e93c42] {
        padding: 15px
    }

    .book-info .info .title-line .title .presale[data-v-04e93c42] {
        display: none
    }

    .book-info .info .media .author[data-v-04e93c42] {
        justify-content: space-between
    }

    .book-info .info .media .author-desc[data-v-04e93c42] {
        display: none
    }

    .book-info .info .media .add-group[data-v-04e93c42] {
        display: flex
    }

    .book-info .messages[data-v-04e93c42] {
        display: block
    }

    .book-info .poster[data-v-04e93c42] {
        width: 85px;
        height: 119px;
        background-repeat: no-repeat;
        margin-right: 13px
    }

    .book-info .info[data-v-04e93c42] {
        margin-left: 0;
        min-height: 119px
    }

    .book-info .info .title[data-v-04e93c42] {
        font-size: 18px
    }

    .book-info .info .media .desc[data-v-04e93c42] {
        margin-top: 5px
    }

    .book-info .info .media .author[data-v-04e93c42] {
        marign-top: 10px
    }

    .book-info .other[data-v-04e93c42] {
        display: none
    }

    .book-content[data-v-04e93c42] {
        padding: 15px 15px 0
    }

    .book-content .book-content-head[data-v-04e93c42] {
        font-size: 20px;
        font-weight: 600;
        border-bottom: 0;
        margin-bottom: 0
    }

    .book-section-view[data-v-04e93c42] {
        padding: 0 15px 15px
    }

    .book-mobile-other[data-v-04e93c42] {
        display: flex
    }

    .book-mobile-other button[data-v-04e93c42] {
        padding-left: 15px;
        padding-right: 15px
    }

    .book-intro[data-v-04e93c42] {
        padding: 15px
    }

    .book-intro .intro-head[data-v-04e93c42] {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .bottom-mobile-buy[data-v-04e93c42] {
        display: flex
    }

    .book-menu-wrap .book-menu .item[data-v-04e93c42] {
        flex-grow: 1;
        flex-shrink: 0
    }
}

.view-container--bookinfo .main-header-box .main-header {
    position: relative
}

.iconfont[data-v-4c7eff82] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4c7eff82]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4c7eff82]:before {
    content: "\e601"
}

.preview-image[data-v-4c7eff82] {
    position: relative;
    cursor: pointer
}

.preview-image .icon[data-v-4c7eff82] {
    border-radius: 2px;
    margin: 0 .666rem .666rem 0;
    width: 6.68rem;
    height: 6.68rem;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
    background-position: 50%
}

.preview-image .icon[data-v-4c7eff82]:hover {
    filter: brightness(.8)
}

.preview-image .delete[data-v-4c7eff82] {
    cursor: pointer;
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: .333rem;
    right: 1rem;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    background: rgba(0, 0, 0, .4);
    transform: rotate(45deg)
}

.preview-image .delete[data-v-4c7eff82]:after,
.preview-image .delete[data-v-4c7eff82]:before {
    content: "";
    width: .8rem;
    height: 1px;
    display: block;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.preview-image .delete[data-v-4c7eff82]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.preview-image .delete[data-v-4c7eff82]:hover {
    opacity: .8
}

.preview-image .check[data-v-4c7eff82] {
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1rem;
    transform: translate(-50%, -50%)
}

.preview-image .check[data-v-4c7eff82]:after {
    content: "";
    display: block;
    border-right: 1rem solid #fff;
    border-top: 1rem solid #fff;
    transform-origin: left top;
    transform: scaleX(-1) rotate(145deg);
    height: 1rem;
    width: 1rem;
    position: absolute;
    bottom: -1rem;
    left: -.5rem;
    animation: check-data-v-4c7eff82 .8s
}

.preview-image .loading[data-v-4c7eff82] {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 44%;
    left: 50%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%)
}

@-moz-keyframes check-data-v-4c7eff82 {
    0% {
        height: 0;
        width: 0
    }

    33.3333% {
        width: 1rem;
        height: 0
    }
}

@-webkit-keyframes check-data-v-4c7eff82 {
    0% {
        height: 0;
        width: 0
    }

    33.3333% {
        width: 1rem;
        height: 0
    }
}

@-o-keyframes check-data-v-4c7eff82 {
    0% {
        height: 0;
        width: 0
    }

    33.3333% {
        width: 1rem;
        height: 0
    }
}

@keyframes check-data-v-4c7eff82 {
    0% {
        height: 0;
        width: 0
    }

    33.3333% {
        width: 1rem;
        height: 0
    }
}

.iconfont[data-v-6b15ae26] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6b15ae26]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6b15ae26]:before {
    content: "\e601"
}

.preview-link[data-v-6b15ae26] {
    position: relative;
    padding: .833rem 1.333rem;
    border: 1px solid #ebebeb;
    border-radius: .333rem;
    width: 40.084rem;
    display: flex;
    justify-content: space-between
}

.preview-link .content[data-v-6b15ae26] {
    height: 5.416rem;
    max-width: 35rem;
    width: 100%;
    display: flex;
    text-overflow: ellipsis;
    flex-direction: column
}

.preview-link .content.blank[data-v-6b15ae26] {
    max-width: 100%;
    justify-content: center;
    text-align: center
}

.preview-link .content.blank span[data-v-6b15ae26] {
    text-align: center;
    line-height: 5.426rem;
    color: #2e3135;
    font-size: 16px;
    font-weight: 600
}

.preview-link .content .title[data-v-6b15ae26] {
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.preview-link .content .link[data-v-6b15ae26] {
    margin-top: auto;
    font-size: 13px;
    color: #8a93a0;
    font-weight: 400
}

.preview-link .icon[data-v-6b15ae26] {
    width: 5.416rem;
    height: 5.416rem;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 auto;
    border-radius: 2px
}

.preview-link .close[data-v-6b15ae26] {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -.8rem;
    right: -.8rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #000;
    opacity: .65;
    transform: rotate(45deg)
}

.preview-link .close[data-v-6b15ae26]:after,
.preview-link .close[data-v-6b15ae26]:before {
    content: "";
    width: 1rem;
    height: 1px;
    display: block;
    position: absolute;
    background: #c5c5c5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.preview-link .close[data-v-6b15ae26]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.preview-link .close[data-v-6b15ae26]:hover {
    opacity: .6
}

.iconfont[data-v-7aa0ebb6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7aa0ebb6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-7aa0ebb6]:before {
    content: "\e601"
}

.header[data-v-7aa0ebb6] {
    font-size: 1rem;
    position: relative
}

.header .title[data-v-7aa0ebb6] {
    font-size: 1.3rem;
    color: #17181a;
    text-align: center;
    line-height: 3.333rem;
    height: 3.333rem;
    font-weight: 500
}

.header .close[data-v-7aa0ebb6] {
    cursor: pointer;
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 1rem;
    right: 2rem;
    border-radius: 50%;
    transform: rotate(45deg)
}

.header .close[data-v-7aa0ebb6]:after,
.header .close[data-v-7aa0ebb6]:before {
    content: "";
    width: 1.2rem;
    height: 2px;
    display: block;
    position: absolute;
    background: #17181a;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header .close[data-v-7aa0ebb6]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.header .close[data-v-7aa0ebb6]:hover {
    opacity: .8
}

.iconfont[data-v-359a269c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-359a269c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-359a269c]:before {
    content: "\e601"
}

.editor-content[data-v-359a269c] {
    position: relative;
    font-size: 1.5rem;
    word-wrap: break-word
}

.rich-editor[data-v-359a269c] {
    position: relative;
    height: 100%;
    outline: none;
    border-radius: 2px;
    color: #17181a;
    min-height: 75px;
    font-size: 1.25rem;
    padding: 8px 10px
}

.rich-editor.indent[data-v-359a269c] {
    min-height: 39px
}

.rich-editor[data-v-359a269c]:after {
    content: attr(placeholder);
    position: absolute;
    top: 8px;
    color: rgba(23, 24, 26, .4);
    pointer-events: none;
    user-select: none;
    display: none
}

.rich-editor.empty[data-v-359a269c]:after {
    display: inline-block
}

.rich-editor[data-v-359a269c]:focus:after {
    opacity: .7
}

[data-v-359a269c] .emoji {
    vertical-align: sub;
    width: 1.666rem;
    height: 1.666rem;
    cursor: default;
    margin: 0 1px
}

.photo-uploader[data-v-be2f5948] {
    cursor: pointer;
    padding: .5rem
}

.iconfont[data-v-aa97a02e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-aa97a02e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-aa97a02e]:before {
    content: "\e601"
}

.file-picker[data-v-aa97a02e] {
    display: flex;
    align-items: center;
    color: #aeb6c0;
    z-index: 3
}

.file-picker[data-v-aa97a02e]:hover {
    cursor: not-allowed
}

.file-picker.active[data-v-aa97a02e] {
    color: #027fff;
    cursor: pointer
}

.file-picker .icon[data-v-aa97a02e] {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.file-picker span[data-v-aa97a02e] {
    padding: .166rem;
    font-size: 13px
}

.iconfont[data-v-499b8520] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-499b8520]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-499b8520]:before {
    content: "\e601"
}

.link-picker[data-v-499b8520] {
    position: relative;
    display: flex;
    align-items: center
}

.link-picker .triangle[data-v-499b8520] {
    position: absolute;
    top: -.6rem;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    border: .8rem solid transparent;
    border-bottom-color: #fff
}

.link-picker .select[data-v-499b8520] {
    color: #aeb6c0;
    display: flex;
    align-items: center
}

.link-picker .select[data-v-499b8520]:hover {
    cursor: not-allowed
}

.link-picker .select.active[data-v-499b8520] {
    cursor: pointer;
    color: #027fff
}

.link-picker .select .icon[data-v-499b8520] {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.link-picker .select span.link[data-v-499b8520] {
    padding: .166rem;
    font-size: 13px
}

.link-picker .linkPanel[data-v-499b8520] {
    padding: 18px 20px;
    color: #aeb6c0;
    background: #fff;
    position: absolute;
    width: 279px;
    height: 65px;
    top: 2.8rem;
    left: -10rem;
    bottom: 0;
    border-radius: 2px;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.link-picker .linkPanel .input[data-v-499b8520] {
    position: relative
}

.link-picker .linkPanel .input input[type=text][data-v-499b8520] {
    width: 100%;
    background-color: #fafafb;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    outline: #027fff;
    color: #666;
    font-size: 1.166rem;
    font-size: 1.1rem;
    padding: .5rem 2.5rem .5rem .666rem
}

.link-picker .linkPanel .input input[type=text][data-v-499b8520]::placeholder {
    color: #aeb6c0;
    font-size: 13px;
    line-height: 1
}

.link-picker .linkPanel .input input[type=text][data-v-499b8520]:focus {
    outline: none;
    border: 1px solid #027fff;
    background-color: #fff
}

.link-picker .linkPanel .input .clear[data-v-499b8520] {
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .7rem;
    right: .6rem;
    border-radius: 50%;
    border: 1px solid #007fff;
    background: #f8f8f9;
    transform: rotate(45deg)
}

.link-picker .linkPanel .input .clear[data-v-499b8520]:after,
.link-picker .linkPanel .input .clear[data-v-499b8520]:before {
    content: "";
    width: .8rem;
    height: 1px;
    display: block;
    position: absolute;
    background: #007fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.link-picker .linkPanel .input .clear[data-v-499b8520]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.link-picker .linkPanel .tip[data-v-499b8520] {
    padding: 16px 0;
    font-size: 13px;
    display: flex;
    color: #17181a;
    font-weight: 400;
    justify-content: space-between
}

.link-picker .linkPanel .tip span[data-v-499b8520] {
    opacity: .4
}

.link-picker .linkPanel .tip span[data-v-499b8520]:nth-child(2) {
    padding-right: .5rem;
    cursor: not-allowed
}

.link-picker .linkPanel .tip span.active[data-v-499b8520] {
    color: #027fff;
    cursor: pointer;
    opacity: 1
}

.iconfont[data-v-487ba7f9] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-487ba7f9]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-487ba7f9]:before {
    content: "\e601"
}

.topic-item[data-v-487ba7f9] {
    display: flex;
    flex-grow: 0;
    margin: 0;
    align-items: flex-start;
    cursor: pointer;
    padding: 10px 0
}

.icon[data-v-487ba7f9] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .5rem;
    background-size: cover;
    background-repeat: no-repeat
}

.content[data-v-487ba7f9] {
    color: #8a9aa9;
    width: 12rem;
    max-width: 12rem;
    letter-spacing: normal;
    text-align: left;
    margin-left: 14px;
    display: flex;
    flex-direction: column
}

.content span[data-v-487ba7f9] {
    justify-content: center
}

.content span[data-v-487ba7f9]:first-child {
    color: #2e3135;
    font-size: 1.25rem
}

.content span[data-v-487ba7f9] {
    padding-top: .1rem;
    font-size: 13px
}

.content .subscribe[data-v-487ba7f9] {
    cursor: pointer
}

.content .followed[data-v-487ba7f9] {
    color: #37c701
}

.content em[data-v-487ba7f9] {
    font-style: normal
}

.topic-list li[data-v-3abc4860]:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.iconfont[data-v-8ccf0490] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-8ccf0490]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-8ccf0490]:before {
    content: "\e601"
}

.topic-picker[data-v-8ccf0490] {
    display: flex;
    position: relative
}

.topic-picker .topic-selector[data-v-8ccf0490] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.topic-picker .topic-selector .icon[data-v-8ccf0490] {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.topic-picker .topic-selector .picker[data-v-8ccf0490] {
    display: flex;
    padding: 0;
    font-size: 13px;
    color: #027fff
}

.topic-picker .topic-selector.disable[data-v-8ccf0490] {
    cursor: not-allowed
}

.topic-picker .topic-selector.disable .picker[data-v-8ccf0490] {
    color: #aeb6c0
}

.topic-picker .topic_panel[data-v-8ccf0490] {
    display: flex;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 2.8rem;
    bottom: 0;
    left: -9.8rem;
    width: 316px;
    height: 417px;
    border-radius: .2rem;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16)
}

.topic-picker .topic_panel .triangle[data-v-8ccf0490] {
    position: absolute;
    top: -.6rem;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    border: .8rem solid transparent;
    border-bottom-color: #fff
}

.topic-picker .topic_panel .top[data-v-8ccf0490] {
    color: #aeb6c0;
    position: relative;
    padding: 1.5rem 1.666rem 0
}

.topic-picker .topic_panel .top .search_input[data-v-8ccf0490] {
    display: inline-block;
    height: 2.666rem;
    width: 100%;
    font-size: 1.2rem;
    color: #666;
    border: .5px solid #e5e5e5;
    padding: .833rem 1rem;
    outline: none;
    background-color: #fafafb
}

.topic-picker .topic_panel .top input[data-v-8ccf0490]::-webkit-input-placeholder {
    font-size: 1.2rem
}

.topic-picker .topic_panel .top input[type=text][data-v-8ccf0490]:focus {
    outline: none;
    border: .5px solid #007fff;
    background-color: #fff
}

.topic-picker .topic_panel .top .search_icon[data-v-8ccf0490] {
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 2.666rem
}

.topic-picker .topic_panel .content[data-v-8ccf0490] {
    overflow: auto;
    padding: 0
}

.topic-picker .topic_panel .content.disableScroll[data-v-8ccf0490] {
    overflow: hidden
}

.topic-picker .topic_panel .content .delete-topic[data-v-8ccf0490] {
    cursor: pointer;
    color: #17181a;
    font-size: 1.2rem;
    display: block;
    padding: 0 1.666rem
}

.topic-picker .topic_panel .content .delete-topic li[data-v-8ccf0490] {
    padding: 16px 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-picker .topic_panel .content .delete-topic li[data-v-8ccf0490]:hover {
    background-color: hsla(0, 0%, 87.1%, .05)
}

.topic-picker .topic_panel .content .delete-topic li .box[data-v-8ccf0490] {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #eef2f5
}

.topic-picker .topic_panel .content .delete-topic li .box .icon[data-v-8ccf0490] {
    width: 1.833rem;
    height: 1.833rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover
}

.topic-picker .topic_panel .content .delete-topic li span[data-v-8ccf0490] {
    color: #17181a;
    margin-left: .833rem
}

.topic-picker .topic_panel .content[data-v-8ccf0490] .topic-list li {
    cursor: pointer;
    padding: 0 1.666rem;
    border-bottom: none
}

.topic-picker .topic_panel .content[data-v-8ccf0490] .topic-list li .topic-item {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-picker .topic_panel .content[data-v-8ccf0490] .topic-list li:hover {
    background-color: #f8f8f8
}

.topic-picker .topic_panel .content .empty[data-v-8ccf0490],
.topic-picker .topic_panel .content .loading[data-v-8ccf0490] {
    width: 100%;
    height: 364px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.topic-picker .topic_panel .content .empty .empty-icon[data-v-8ccf0490],
.topic-picker .topic_panel .content .empty .loading-icon[data-v-8ccf0490],
.topic-picker .topic_panel .content .loading .empty-icon[data-v-8ccf0490],
.topic-picker .topic_panel .content .loading .loading-icon[data-v-8ccf0490] {
    width: 5.166rem;
    height: 4.666rem;
    background-repeat: no-repeat;
    background-size: contain
}

.topic-picker .topic_panel .content .empty span[data-v-8ccf0490],
.topic-picker .topic_panel .content .loading span[data-v-8ccf0490] {
    padding: .6rem 0;
    font-size: 15px;
    color: #b2bac2;
    opacity: .8
}

.iconfont[data-v-8a50303a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-8a50303a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-8a50303a]:before {
    content: "\e601"
}

.submit[data-v-8a50303a] {
    display: flex
}

.submit .tip[data-v-8a50303a],
.submit button[data-v-8a50303a] {
    height: 32px;
    width: 6rem;
    font-size: 15px
}

.submit button[data-v-8a50303a] {
    opacity: .2;
    cursor: not-allowed;
    padding: 0;
    background-color: #027fff
}

.submit button.active[data-v-8a50303a] {
    cursor: pointer;
    opacity: 1
}

.submit .tip[data-v-8a50303a] {
    color: #c2c2c2;
    text-align: center;
    width: 10rem;
    line-height: 36px;
    font-size: 13px;
    user-select: none
}

.iconfont[data-v-a11f27f2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-a11f27f2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-a11f27f2]:before {
    content: "\e601"
}

.toolbar[data-v-a11f27f2] {
    display: flex;
    color: #007fff;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.toolbar .tool[data-v-a11f27f2] {
    display: flex;
    align-items: center
}

.toolbar .tool .picker[data-v-a11f27f2] {
    z-index: 1;
    margin-right: 1.5rem;
    user-select: none
}

.toolbar .tool .picker.not-suport[data-v-a11f27f2] {
    display: none
}

.word-counter[data-v-2912e734] {
    color: #a1a9b3
}

.word-counter.limit[data-v-2912e734] {
    color: red
}

.iconfont[data-v-198a7cef] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-198a7cef]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-198a7cef]:before {
    content: "\e601"
}

.pin-editor-dialog[data-v-198a7cef] {
    background-color: #fff;
    position: relative;
    border-radius: .2rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.pin-editor-dialog .editor-body[data-v-198a7cef] {
    padding: 1.333rem 1.666rem 0;
    background: #fff;
    position: relative;
    border-radius: 2px
}

.pin-editor-dialog .editor-body .content[data-v-198a7cef] {
    position: relative;
    border-radius: 2px;
    border: 1px solid hsla(0, 0%, 59.2%, .2);
    background-color: rgba(226, 230, 235, .2)
}

.pin-editor-dialog .editor-body .content.active[data-v-198a7cef] {
    border: 1px solid #007fff;
    background-color: #fff
}

.pin-editor-dialog .editor-body .content.dashed[data-v-198a7cef] {
    border: 2px dashed #999
}

.pin-editor-dialog .editor-body .content .editor[data-v-198a7cef] {
    position: relative
}

.pin-editor-dialog .editor-body .content .editor.empty[data-v-198a7cef] {
    padding: 8px 12px
}

.pin-editor-dialog .editor-body .content .image[data-v-198a7cef] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 12px;
    position: relative
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-198a7cef] {
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 1.4px;
    border: 1px dashed #c5c5c5;
    background: #f8f8f9
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-198a7cef]:hover {
    opacity: .6
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-198a7cef]:after,
.pin-editor-dialog .editor-body .content .image .select-box[data-v-198a7cef]:before {
    content: "";
    width: 2rem;
    height: 1px;
    display: block;
    position: absolute;
    background: #c5c5c5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pin-editor-dialog .editor-body .content .image .select-box[data-v-198a7cef]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.pin-editor-dialog .editor-body .content .link[data-v-198a7cef] {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    padding: 12px
}

.pin-editor-dialog .editor-body .content .topic[data-v-198a7cef] {
    padding: 0 12px 12px
}

.pin-editor-dialog .editor-body .content .topic .topic-title[data-v-198a7cef] {
    font-size: 13px;
    display: inline-block;
    line-height: 22px;
    height: 22px;
    padding: 0 12px;
    border: 1px solid #007fff;
    border-radius: 14px;
    text-align: center;
    color: #007fff;
    user-select: none
}

.pin-editor-dialog .editor-body .content .count[data-v-198a7cef] {
    position: absolute;
    right: 1rem;
    bottom: .8rem;
    font-size: 13px;
    z-index: 1;
    user-select: none;
    pointer-events: none
}

.pin-editor-dialog .bottom[data-v-198a7cef] {
    padding: .833rem 1.666rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -2px
}

.pin-editor-dialog .cover[data-v-198a7cef] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent
}

.iconfont[data-v-de60c2bc] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-de60c2bc]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-de60c2bc]:before {
    content: "\e601"
}

.pin-modal .pin-modal-box[data-v-de60c2bc] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .65);
    z-index: 500;
    overflow-x: hidden;
    overflow-y: hidden
}

.pin-modal .main[data-v-de60c2bc] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 960px;
    z-index: 501
}

.pin-modal .main .pin__editor[data-v-de60c2bc] {
    width: 640px;
    top: 0;
    position: absolute;
    left: 50%;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    transform: translate(-50%, 60px)
}

.pin-modal .main .pin__editor[data-v-de60c2bc] .editor-body {
    padding-top: 0
}

.pin-modal .main .pin__editor[data-v-de60c2bc] .editor-body .editor {
    max-height: 136px;
    overflow-y: auto
}

@media (max-width:980px) {
    .pin-modal .main .pin__editor[data-v-de60c2bc] {
        display: none
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.iconfont {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection:before {
    content: "\e600"
}

.icon-xlchatbox:before {
    content: "\e601"
}

.article-content {
    word-break: break-word;
    line-height: 1.75;
    font-weight: 400;
    font-size: 15px;
    overflow-x: hidden
}

.article-content h1 {
    margin: 1.3rem 0;
    line-height: 1.2
}

.article-content p {
    line-height: 2.27rem
}

.article-content hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-top: 2.7rem;
    margin-bottom: 2.7rem
}

.article-content embed,
.article-content iframe,
.article-content img:not(.equation),
.article-content video {
    max-width: 100% !important;
    margin: 0
}

.article-content img.lazyload {
    visibility: hidden
}

.article-content img.inited {
    background-color: #f8f9fa;
    background-position: 50%;
    background-repeat: no-repeat;
    visibility: visible
}

.article-content img.loaded {
    background-image: none;
    background-color: transparent
}

.article-content img.error {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/image-error.3338abe.png)
}

.article-content img.equation {
    margin: 0 .1em;
    max-width: 100% !important;
    vertical-align: text-bottom
}

.article-content img:not(.equation) {
    cursor: zoom-in
}

.article-content figure {
    margin: 2.7rem auto;
    text-align: center
}

.article-content figure figcaption {
    text-align: center;
    font-size: 1rem;
    line-height: 2.7rem;
    color: #909090
}

.article-content pre {
    line-height: 1.93rem;
    overflow: auto
}

.article-content code,
.article-content pre {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

.article-content code {
    font-size: 1rem;
    padding: .26rem .53em;
    word-break: break-word;
    color: #4e5980;
    background-color: #f8f8f8;
    border-radius: 2px;
    overflow-x: auto
}

.article-content pre>code {
    font-size: 1rem;
    padding: .67rem 1.3rem;
    margin: 0;
    word-break: normal;
    display: block
}

.article-content a {
    color: #259
}

.article-content a:active,
.article-content a:hover {
    color: #275b8c
}

.article-content table {
    display: inline-block !important;
    font-size: 1rem;
    width: auto;
    max-width: 100%;
    overflow: auto;
    border: 1px solid #f6f6f6
}

.article-content thead {
    background: #f6f6f6;
    color: #000;
    text-align: left
}

.article-content tr:nth-child(2n) {
    background-color: #fcfcfc
}

.article-content td,
.article-content th {
    padding: 1rem .6rem;
    line-height: 2rem
}

.article-content td {
    min-width: 10rem
}

.article-content blockquote {
    margin: 1em 0;
    border-left: 4px solid #ddd;
    padding: 0 1.3rem
}

.article-content blockquote>p {
    margin: .6rem 0
}

.article-content ol,
.article-content ul {
    padding-left: 2.7rem
}

.article-content ol li,
.article-content ul li {
    margin-bottom: .6rem
}

.article-content ol ol,
.article-content ol ul,
.article-content ul ol,
.article-content ul ul {
    margin-top: .27rem
}

.article-content pre>code {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    color: #333;
    background: #f8f8f8
}

.article-content .hljs-comment,
.article-content .hljs-quote {
    color: #998
}

.article-content .hljs-keyword,
.article-content .hljs-selector-tag,
.article-content .hljs-subst {
    color: #333;
    font-weight: 700
}

.article-content .hljs-literal,
.article-content .hljs-number,
.article-content .hljs-tag .hljs-attr,
.article-content .hljs-template-variable,
.article-content .hljs-variable {
    color: teal
}

.article-content .hljs-doctag,
.article-content .hljs-string {
    color: #d14
}

.article-content .hljs-section,
.article-content .hljs-selector-id,
.article-content .hljs-title {
    color: #900;
    font-weight: 700
}

.article-content .hljs-subst {
    font-weight: 400
}

.article-content .hljs-class .hljs-title,
.article-content .hljs-type {
    color: #458;
    font-weight: 700
}

.article-content .hljs-attribute,
.article-content .hljs-name,
.article-content .hljs-tag {
    color: navy;
    font-weight: 400
}

.article-content .hljs-link,
.article-content .hljs-regexp {
    color: #009926
}

.article-content .hljs-bullet,
.article-content .hljs-symbol {
    color: #990073
}

.article-content .hljs-built_in,
.article-content .hljs-builtin-name {
    color: #0086b3
}

.article-content .hljs-meta {
    color: #999;
    font-weight: 700
}

.article-content .hljs-deletion {
    background: #fdd
}

.article-content .hljs-addition {
    background: #dfd
}

.article-content .hljs-emphasis {
    font-style: italic
}

.article-content .hljs-strong {
    font-weight: 700
}

.article-content p {
    line-height: inherit;
    margin-top: 22px;
    margin-bottom: 22px
}

.article-content img {
    max-height: none
}

.article-content a {
    color: #0269c8;
    border-bottom: 1px solid #d1e9ff
}

.article-content code {
    background-color: #fff5f5;
    color: #ff502c;
    font-size: .87em;
    padding: .065em .4em
}

.article-content figure {
    margin: 22px auto
}

.article-content figure figcaption {
    margin-top: 2px;
    line-height: 1.6
}

.article-content blockquote {
    color: #666;
    padding: 1px 23px;
    margin: 22px 0;
    border-left: 4px solid #cbcbcb;
    background-color: #f8f8f8
}

.article-content blockquote:after {
    display: block;
    content: ""
}

.article-content blockquote>p {
    margin: 10px 0
}

.article-content blockquote.warning {
    position: relative;
    border-left-color: #f75151;
    margin-left: 8px
}

.article-content blockquote.warning:before {
    position: absolute;
    top: 14px;
    left: -12px;
    background: #f75151;
    border-radius: 50%;
    content: "!";
    width: 20px;
    height: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.article-content ol,
.article-content ul {
    padding-left: 28px
}

.article-content ol li,
.article-content ul li {
    margin-bottom: 0;
    list-style: inherit
}

.article-content ol li.task-list-item,
.article-content ul li.task-list-item {
    list-style: none
}

.article-content ol li.task-list-item ol,
.article-content ol li.task-list-item ul,
.article-content ul li.task-list-item ol,
.article-content ul li.task-list-item ul {
    margin-top: 0
}

.article-content ol li {
    padding-left: 6px
}

.article-content pre {
    position: relative;
    line-height: 1.75
}

.article-content pre>code {
    padding: 15px 12px
}

.article-content pre>code.hljs[lang] {
    padding: 18px 15px 12px
}

.article-content pre>code.hljs[lang]:before {
    content: attr(lang);
    position: absolute;
    right: 15px;
    top: 2px;
    color: hsla(0, 0%, 54.9%, .8)
}

.article-content pre>code.hljs[lang][lang=bash]:before {
    content: ""
}

.article-content pre>code.copyable .copy-code-btn {
    position: absolute;
    top: 6px;
    right: 15px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.article-content pre>code.copyable .copy-code-btn:hover {
    color: #8c8c8c
}

.article-content pre>code.copyable.hljs[lang]:before {
    right: 70px
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    color: #333;
    line-height: 1.5;
    margin-top: 35px;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.article-content h1 {
    font-size: 30px;
    margin-bottom: 5px
}

.article-content h2 {
    padding-bottom: 12px;
    font-size: 24px;
    border-bottom: 1px solid #ececec
}

.article-content h3 {
    font-size: 18px;
    padding-bottom: 0
}

.article-content h4 {
    font-size: 16px
}

.article-content h5 {
    font-size: 15px
}

.article-content h6 {
    margin-top: 5px
}

.article-content h1.heading+h2.heading {
    margin-top: 20px
}

.article-content h1.heading+h3.heading {
    margin-top: 15px
}

.article-content .heading+.heading {
    margin-top: 0
}

.article-content h1+:not(.heading) {
    margin-top: 25px
}

@media (max-width:720px) {
    .article-content h1 {
        font-size: 24px
    }

    .article-content h2 {
        font-size: 20px
    }

    .article-content h3 {
        font-size: 18px
    }

    .article-content pre>code .copy-code-btn {
        display: none
    }

    .article-content pre>code.hljs[lang]:before {
        top: 2px;
        right: 15px
    }
}

@media (max-width:720px) {
    .article-content pre>code.copyable.hljs[lang]:before {
        right: 1rem
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #007fff;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #007fff, 0 0 5px #007fff;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    -ms-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-moz-keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-o-keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body {
    font-size: 12px;
    line-height: normal
}

a,
button,
input {
    margin: initial
}

img {
    width: auto;
    height: auto
}

#juejin {
    overflow-x: initial
}

html {
    font-size: 12px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #333;
    background-color: #f4f5f5
}

body,
html {
    word-break: break-word
}

body {
    overflow-y: scroll
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #909090
}

a:hover {
    color: #007fff
}

button {
    list-style: 1
}

button:disabled {
    cursor: not-allowed
}

button.disabled,
button.disabled:hover {
    background-color: #d2d2d2;
    cursor: not-allowed
}

ul {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

#juejin-seo-meta {
    display: none
}

.container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 960px
}

.container:after {
    display: table;
    content: "";
    clear: both
}

.hidden {
    display: none
}

.root-view-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.center {
    margin-left: auto;
    margin-right: auto
}

.text-normal {
    color: #333
}

.text-muted {
    color: #666
}

.text-muted1 {
    color: #909090
}

.text-muted2 {
    color: #838383
}

.text-gray {
    color: #909090
}

.text-light {
    color: #d2d2d2
}

.text-blue {
    color: #007fff
}

.text-blue-hover {
    color: #0371df
}

.text-green {
    color: #37c700
}

.text-green-hover {
    color: #3cb40e
}

.text-orange {
    color: #ff8900
}

.text-red {
    color: #e22323
}

.text-a,
.text-link {
    cursor: pointer;
    color: #333
}

@include transition(color $speed-normal);

.text-a:active,
.text-a:hover,
.text-link:active,
.text-link:hover {
    color: #275b8c
}

.text-link {
    color: #259
}

.text-pointer {
    cursor: pointer
}

.line-wrap {
    white-space: pre-wrap;
    word-break: break-all
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-bold,
b,
strong {
    font-weight: 700
}

.view-nav {
    position: fixed;
    top: 5rem;
    width: 100%;
    height: 3.833rem;
    z-index: 100;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    transition: all .2s;
    transform: translateZ(0)
}

.view-nav,
.view-nav:before {
    left: 0;
    background-color: #fff
}

.view-nav:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 200%;
    z-index: -1
}

.view-nav.top {
    transform: translate3d(0, -5rem, 0)
}

.view-nav .nav-list {
    max-width: 960px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    line-height: 1
}

.view-nav .nav-list .nav-item {
    height: 100%;
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 1.16rem;
    color: #71777c;
    padding: 0 1rem
}

.view-nav .nav-list .nav-item:first-child {
    padding: 0 1rem 0 0
}

.view-nav .nav-list .nav-item:last-child {
    padding: 0 0 0 1rem
}

.view-nav .nav-list .nav-item.active,
.view-nav .nav-list .nav-item:hover {
    color: #007fff
}

.view-nav .nav-list .nav-item a {
    color: inherit
}

.nav-item {
    position: relative;
    cursor: pointer
}

.nav-item>a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width:980px) {
    .view-nav .nav-list {
        width: auto;
        overflow-x: auto
    }

    .view-nav .nav-list .nav-item:first-child,
    .view-nav .nav-list .nav-item:last-child {
        padding: 0 1.5rem
    }
}

.list-header {
    padding: 1.3rem 1rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.list-header .list-nav,
.list-header .nav-list {
    display: flex;
    justify-content: space-between
}

.list-header .nav-list {
    align-items: center;
    line-height: 1
}

.list-header .nav-list .nav-item.active a,
.list-header .nav-list .nav-item a:hover {
    color: #007fff
}

.list-header .left .nav-item {
    padding: 0 1.2rem;
    font-size: 1.16rem;
    border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.list-header .left .nav-item:last-child {
    border: none
}

.list-header .right .nav-item {
    font-size: 1.16rem;
    padding: 0 .7rem;
    position: relative
}

.list-header .right .nav-item:not(:last-child):after {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    background-color: #2b445d;
    transform: translateY(-50%);
    opacity: .5
}

@media (max-width:600px) {
    .list-header .right {
        display: none
    }
}

.button,
button {
    -webkit-appearance: none;
    appearance: none;
    background-color: #007fff;
    color: #fff;
    border-radius: 2px;
    border: none;
    padding: .5rem 1.3rem;
    outline: none;
    transition: background-color .3s, color .3s;
    cursor: pointer
}

.button:hover,
button:hover {
    background-color: #0371df;
    color: #fff
}

i+span {
    margin-left: .6rem
}

button+button {
    margin-left: .8rem
}

.subscribe-btn {
    border: 1px solid #37c700;
    background-color: #fff;
    color: #37c700;
    margin: 1rem auto;
    font-size: 1.1rem
}

.subscribe-btn:hover {
    background-color: #fff;
    color: #3cb40e;
    border-color: #3cb40e
}

.subscribe-btn.subscribed {
    background-color: #37c700;
    color: #fff
}

.subscribe-btn.subscribed:hover {
    background-color: #3cb40e
}

.radio-group {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px
}

.radio-group .radio-label {
    margin-left: 6px
}

input[type=radio] {
    width: 16px;
    height: 16px;
    border: 1px solid #bfcbd9;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}

input[type=radio]:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s cubic-bezier(.71, -.46, .88, .6)
}

input[type=radio]:checked {
    border-color: #20a0ff;
    background: #3a9afc
}

input[type=radio]:checked:after {
    transform: translate(-50%, -50%) scale(1)
}

input[type=radio]:disabled {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    cursor: not-allowed
}

input[type=radio]:disabled:checked {
    border-color: #d1dbe5;
    background-color: #d1dbe5
}

input[name=registerSmsCode]::-webkit-contacts-auto-fill-button {
    display: none;
    visibility: hidden
}

.editable,
input[type=password],
input[type=text],
input[type=url],
textarea {
    resize: none;
    outline: none;
    width: 100%;
    display: block;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition: border .3s;
    background-color: #fff;
    box-sizing: border-box
}

.aside-top-section {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 2px;
    margin-bottom: 1.3rem;
    font-size: 1.16rem;
    line-height: 1.29;
    color: #333
}

.aside-top-section .aside-header {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
    color: #333;
    font-size: 1.16rem
}

.aside-top-section .aside-list {
    padding: 1rem 1.3rem
}

.aside-top-section .aside-list .item {
    margin-bottom: 1.5rem
}

.iconfont[data-v-13796985] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-13796985]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-13796985]:before {
    content: "\e601"
}

.logo[data-v-13796985] {
    min-width: 98px;
    margin-right: 2rem
}

.nav-item a[data-v-13796985] {
    color: #71777c
}

.nav-item.active>.icon[data-v-13796985],
.nav-item.active>a[data-v-13796985] {
    color: #007fff
}

.nav-menu-item>a[data-v-13796985] {
    display: block;
    color: #71777c
}

.avatar[data-v-13796985] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: relative
}

.badge[data-v-13796985] {
    position: absolute;
    top: 10px;
    right: -5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #2f74e9
}

.main-header[data-v-13796985] {
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    color: #909090;
    height: 5rem;
    z-index: 250
}

.main-header .container[data-v-13796985] {
    max-width: 960px;
    margin: auto
}

.container[data-v-13796985] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%
}

.main-nav[data-v-13796985] {
    height: 100%;
    flex: 1 0 auto
}

.main-nav-list[data-v-13796985] {
    display: flex
}

.phone-show-menu[data-v-13796985] {
    cursor: pointer;
    display: none
}

.phone-hide[data-v-13796985] {
    display: flex
}

.nav-list[data-v-13796985] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    margin: 0
}

.nav-item[data-v-13796985] {
    color: #71777c;
    padding: 0 1.2rem;
    font-size: 1.33rem;
    margin: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.nav-item.activities .tip[data-v-13796985] {
    z-index: 2;
    cursor: auto;
    width: 17rem;
    background: #fff;
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: 4.5rem;
    left: -50%;
    margin-left: -3.7rem;
    color: #17181a;
    font-size: 15px;
    border-radius: 2px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .12)
}

.nav-item.activities .tip .panfish[data-v-13796985] {
    height: 63px;
    width: 57px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: contain
}

.nav-item.activities .tip .content[data-v-13796985] {
    display: flex;
    flex-direction: column;
    padding: .5rem 0 0 .5rem;
    color: #17181a
}

.nav-item.activities .tip .content button[data-v-13796985] {
    padding: 0;
    width: 6.41rem;
    height: 2rem;
    color: #fff;
    font-size: 13px;
    border-radius: 12px;
    margin-top: .5rem
}

.nav-item.activities .tip .triangle[data-v-13796985] {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
    border-top: 1px solid #f4f5f5;
    border-left: 1px solid #f4f5f5
}

.nav-item.activities .tip .close[data-v-13796985] {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
    border-radius: 50%;
    background: #fff;
    transform: rotate(45deg)
}

.nav-item.activities .tip .close[data-v-13796985]:after,
.nav-item.activities .tip .close[data-v-13796985]:before {
    content: "";
    width: .8rem;
    height: 2px;
    display: block;
    position: absolute;
    background: #c5c5c5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.nav-item.activities .tip .close[data-v-13796985]:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.nav-item.activities .tip .close[data-v-13796985]:hover {
    opacity: .8
}

.nav-item:hover>a[data-v-13796985] {
    color: #007fff
}

.nav-item[data-v-13796985]:last-child {
    padding-right: 0
}

.nav-item.link-item[data-v-13796985] {
    padding: 0 1.6rem;
    height: 5rem
}

.nav-item.book.new a[data-v-13796985]:after {
    position: absolute;
    margin-left: 2px;
    margin-top: -3px;
    content: "";
    color: #d0021b;
    white-space: nowrap;
    transform: scale(.6);
    font-weight: 700;
    font-size: 14px;
    transform-origin: 0 0
}

.nav-item.book.new-year a[data-v-13796985]:after {
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60px auto;
    width: 100%;
    height: 100%
}

.nav-item.search[data-v-13796985] {
    flex: 1 1 auto;
    justify-content: flex-end;
    cursor: auto
}

.nav-item.add[data-v-13796985] {
    cursor: default
}

.nav-item.notification:hover .icon[data-v-13796985] {
    color: #007fff
}

.nav-item.menu[data-v-13796985] {
    position: relative
}

.nav-item.submit[data-v-13796985] {
    color: #007fff;
    position: relative
}

.nav-item.submit[data-v-13796985]:hover {
    color: #0371df
}

.nav-item.submit[data-v-13796985]:after {
    content: "|";
    position: absolute;
    top: 20px;
    left: 100%;
    color: hsla(0, 0%, 59.2%, .4)
}

.nav-item.submit .submit-panel[data-v-13796985] {
    position: absolute;
    top: 101%;
    left: -123px;
    width: 326px;
    box-sizing: border-box;
    padding: 2.5rem 2rem;
    border-radius: 2px;
    color: #909090;
    font-size: 1.1rem;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(178, 181, 187, .5);
    cursor: default;
    z-index: 11
}

.nav-item.submit .submit-panel[data-v-13796985]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-top: 1px solid rgba(178, 181, 187, .5);
    border-left: 1px solid rgba(178, 181, 187, .5);
    background-color: #fff;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0
}

.nav-item.submit .submit-panel .title[data-v-13796985] {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 2rem
}

.nav-item.submit .submit-panel .benefit-list[data-v-13796985] {
    margin-left: 2rem
}

.nav-item.submit .submit-panel .item[data-v-13796985] {
    list-style: initial;
    margin-bottom: 1rem
}

.nav-item.submit .submit-panel .link[data-v-13796985] {
    color: #6cbd45;
    text-decoration: underline
}

.nav-item.submit .submit-panel button[data-v-13796985] {
    display: block;
    margin: 2rem auto 0;
    background-color: #83c73a;
    font-size: 1.2rem;
    padding: 1rem 4rem
}

.nav-item.auth[data-v-13796985] {
    color: #007fff
}

.nav-item.auth span[data-v-13796985]:hover {
    color: #0371df
}

.nav-item.auth .login[data-v-13796985]:after {
    content: "Â·";
    margin: 0 .4rem
}

.nav-item .icon[data-v-13796985] {
    font-size: 2rem;
    color: #71777c
}

.nav-item .icon[data-v-13796985]:hover {
    color: #007fff
}

.submit-fixed-bg[data-v-13796985] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 10
}

.search-form[data-v-13796985] {
    border: 1px solid hsla(0, 0%, 59.2%, .2);
    background-color: rgba(227, 231, 236, .2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px
}

.search-form.active[data-v-13796985] {
    background-color: #fff;
    border: 1px solid #007fff
}

.search-form .search-icon[data-v-13796985] {
    padding: 0 .5rem;
    cursor: pointer
}

.search-form .search-input[data-v-13796985] {
    border: none;
    width: 8rem;
    padding: .6rem 1rem;
    box-shadow: none;
    outline: none;
    font-size: 1.1rem;
    color: #666;
    background-color: transparent
}

.nav-menu[data-v-13796985] {
    position: absolute;
    width: 11rem;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(177, 180, 185, .45);
    border-radius: 4px;
    font-size: 1.2rem
}

.nav-menu .nav-menu-item-group[data-v-13796985] {
    padding: 1rem 0
}

.nav-menu .nav-menu-item[data-v-13796985] {
    font-size: 1.3rem;
    cursor: pointer
}

.nav-menu .nav-menu-item[data-v-13796985]:hover {
    background-color: hsla(0, 0%, 94.9%, .5)
}

.nav-menu .nav-menu-item>a[data-v-13796985] {
    display: flex;
    align-items: center;
    padding: .5rem 1rem
}

.nav-menu .nav-menu-item>a>span[data-v-13796985] {
    margin-left: 0;
    flex-grow: 1
}

.nav-menu .nav-menu-item>a.link-icon[data-v-13796985] {
    padding-right: .5rem
}

.nav-menu .nav-menu-item .collect[data-v-13796985],
.nav-menu .nav-menu-item .zan[data-v-13796985] {
    margin-right: .8rem;
    width: 18.72px;
    height: 18px
}

.nav-menu .nav-menu-item .icon-2018[data-v-13796985] {
    width: 38px;
    height: 20px;
    border-radius: 1rem;
    margin-left: 2px;
    background-image: url(https://gold-cdn.xitu.io/asset/2018/2018-icon.png);
    background-size: 102% 100%;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 6px -3px #999
}

.nav-menu .nav-menu-item .icon-2018[data-v-13796985]:hover {
    opacity: .9
}

.nav-menu .more[data-v-13796985] {
    position: relative
}

.nav-menu .more:hover .more-dropdown-list[data-v-13796985] {
    display: block
}

.nav-menu .more .more-icon[data-v-13796985] {
    float: right;
    color: #b2bac2;
    font-size: 1.2rem;
    line-height: 2rem
}

.nav-menu.user-dropdown-list[data-v-13796985] {
    width: 13.1rem;
    right: 0;
    left: auto;
    transform: translateX(0)
}

.nav-menu.user-dropdown-list .nav-menu-item-group[data-v-13796985]:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.add-group[data-v-13796985] {
    display: flex;
    align-items: center;
    position: relative;
    height: 2.667rem;
    cursor: pointer
}

.add-group.active .more-list[data-v-13796985] {
    display: block
}

.add-group .add-btn[data-v-13796985],
.add-group .more[data-v-13796985] {
    height: 100%;
    color: #fff;
    background-color: #007fff;
    border-radius: 3px
}

.add-group .add-btn.active[data-v-13796985],
.add-group .add-btn[data-v-13796985]:hover,
.add-group .more.active[data-v-13796985],
.add-group .more[data-v-13796985]:hover {
    background-color: #0876e4
}

.add-group .add-btn[data-v-13796985] {
    padding: 0 .9rem;
    font-size: 1.167rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.add-group .more[data-v-13796985] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.add-group .more .more-icon[data-v-13796985] {
    margin-top: .2rem;
    font-size: 1rem
}

.add-group .more-list[data-v-13796985] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: .417rem 0;
    font-size: 1.167rem;
    color: #3b76c5;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    display: none;
    z-index: 1
}

.add-group .more-list .item[data-v-13796985] {
    padding: 0 0 0 .8rem;
    line-height: 1.9
}

.add-group .more-list .item[data-v-13796985]:hover {
    background-color: #f9f9f9
}

.more-dropdown-list[data-v-13796985] {
    position: absolute;
    left: auto;
    top: 0;
    right: 102%;
    transform: translateX(0);
    display: none
}

.more-dropdown-list[data-v-13796985]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 1.3rem;
    height: 4rem
}

.notification[data-v-13796985] {
    position: relative
}

.notification.active .icon[data-v-13796985] {
    color: #007fff
}

.notification .count[data-v-13796985] {
    position: absolute;
    left: 50%;
    bottom: 43%;
    margin: 0;
    padding: .4rem .67rem;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    color: #f1f1f1;
    background-color: #007fff;
    border-radius: 3rem;
    border: 2px solid #fff;
    word-break: normal
}

.fengwei[data-v-13796985] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .8rem;
    font-size: 1.2em;
    vertical-align: middle;
    color: #b2bac2
}

.fix-bg[data-v-13796985] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0
}

@media (max-width:980px) {
    .logo[data-v-13796985] {
        margin-right: 0;
        margin-left: .67rem
    }

    .container[data-v-13796985] {
        width: 96%
    }

    .main-nav-list[data-v-13796985] {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff
    }

    .phone-show-menu[data-v-13796985] {
        height: 5rem;
        display: flex;
        align-items: center;
        color: #007fff;
        font-size: 1.3rem;
        justify-content: center;
        padding: 0 2rem
    }

    .phone-show-menu span[data-v-13796985] {
        margin-right: .5rem
    }

    .phone-hide[data-v-13796985] {
        display: none;
        background-color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
        border: 1px solid rgba(177, 180, 185, .45);
        border-radius: 4px;
        font-size: 1.2rem
    }

    .phone-hide.show[data-v-13796985] {
        display: block
    }

    .nav-item.link-item[data-v-13796985] {
        height: 4rem
    }

    .nav-item.add[data-v-13796985],
    .nav-item.submit[data-v-13796985],
    .pinTip[data-v-13796985] {
        display: none
    }

    .tip[data-v-13796985] {
        display: none !important
    }

    .nav-menu .nav-menu-item .icon-2018[data-v-13796985] {
        width: 35px;
        margin-left: 0
    }
}

@media (max-width:700px) {
    .nav-item.search[data-v-13796985] {
        display: none
    }
}

.tip-fade-enter-active[data-v-13796985],
.tip-fade-leave-active[data-v-13796985] {
    transition: .3s
}

.tip-fade-enter[data-v-13796985],
.tip-fade-leave-to[data-v-13796985] {
    transform: translateY(-10px);
    opacity: 0
}

.main-header-box[data-v-b61294a2] {
    position: relative;
    height: 5rem
}

.main-header[data-v-b61294a2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s;
    transform: translate3d(0, -100%, 0)
}

.main-header.visible[data-v-b61294a2] {
    transform: translateZ(0)
}

.main-container>.view[data-v-b61294a2] {
    margin-top: 1.767rem
}

.main-container.with-view-nav>.view[data-v-b61294a2] {
    margin-top: 5.6rem
}

.main-container.tight>.view[data-v-b61294a2] {
    margin-top: 0
}

.main-container.tight.with-view-nav>.view[data-v-b61294a2] {
    margin-top: 3.833rem
}

.iconfont[data-v-e95616a0] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-e95616a0]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-e95616a0]:before {
    content: "\e601"
}

.sub-comment[data-v-e95616a0] {
    position: relative;
    padding: 1rem 0 0
}

.sub-comment:hover .removable[data-v-e95616a0] {
    display: block
}

.sub-comment-content-row[data-v-e95616a0] {
    display: flex;
    align-items: start
}

.sub-comment-content-box[data-v-e95616a0] {
    display: flex;
    width: 100%
}

.popover[data-v-e95616a0] {
    height: 33px
}

.avatar[data-v-e95616a0] {
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.user-content-box[data-v-e95616a0] {
    margin-left: .833rem;
    margin-right: 1rem;
    padding-bottom: 12px;
    font-size: 1.083rem;
    color: #17181a;
    width: 100%
}

.user-content-box .profie[data-v-e95616a0] {
    display: flex
}

.user-content-box .profie .username[data-v-e95616a0] {
    color: #333;
    margin-right: 4px
}

.user-content-box .profie .author-badge-text[data-v-e95616a0] {
    margin-left: 4px
}

.user-content-box .profie .position[data-v-e95616a0] {
    color: #8a9aa9;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16rem
}

@media (max-width:600px) {
    .user-content-box .profie .position[data-v-e95616a0] {
        max-width: 10rem
    }
}

@media (max-width:320px) {
    .user-content-box .profie .position[data-v-e95616a0] {
        max-width: 5rem
    }
}

.user-content-box .content-box[data-v-e95616a0] {
    display: inline-block;
    margin-top: .5rem
}

.user-content-box .content-box .content[data-v-e95616a0] {
    white-space: pre-wrap;
    color: #505050;
    line-height: 1.833rem
}

.user-content-box .limit-btn[data-v-e95616a0] {
    color: #007fff;
    cursor: pointer;
    user-select: none
}

.user-content-box .limit-btn[data-v-e95616a0]:hover {
    opacity: .8
}

.user-content-box .limit-btn.all[data-v-e95616a0] {
    display: inline-block;
    margin: .4rem 0
}

.user-content-box .image[data-v-e95616a0] {
    margin: 0 .5em;
    color: #406599;
    cursor: pointer;
    position: relative
}

.user-content-box .image a.image-preview[data-v-e95616a0] {
    position: relative;
    z-index: 1;
    display: none;
    padding: 8px;
    position: absolute;
    margin-left: 17px;
    top: 2rem;
    left: 0;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16);
    border: .5px solid hsla(0, 0%, 59.2%, .2);
    transform: translate(-50%)
}

@media (max-width:600px) {
    .user-content-box .image a.image-preview[data-v-e95616a0] {
        display: none
    }
}

.user-content-box .image a.image-preview .image[data-v-e95616a0] {
    width: 200px;
    height: 100%;
    min-height: 170px;
    margin: 0
}

.user-content-box .image a.image-preview .triangle-top[data-v-e95616a0] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.user-content-box .image:hover a.image-preview[data-v-e95616a0] {
    display: inline-block
}

.sub-comment-stat-box[data-v-e95616a0] {
    display: flex;
    margin-top: 7px;
    font-size: 13px;
    color: #8a93a0
}

.sub-comment-stat-box .delete[data-v-e95616a0] {
    cursor: pointer;
    display: none
}

.sub-comment-action-box[data-v-e95616a0] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    min-width: 8.8rem;
    font-size: 1.083rem;
    color: #8a93a0;
    user-select: none
}

@media (max-width:600px) {
    .sub-comment-action-box[data-v-e95616a0] {
        display: none
    }
}

.sub-comment-action-box .comment-action span[data-v-e95616a0] {
    margin-left: 6px
}

.sub-comment-action-box .action[data-v-e95616a0] {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    cursor: pointer
}

.sub-comment-action-box .action[data-v-e95616a0]:hover {
    opacity: .8
}

.sub-comment-action-box .action.active[data-v-e95616a0] {
    color: #37c700
}

.sub-comment-action-box .action-title[data-v-e95616a0] {
    margin-left: .25rem
}

.sub-comment[data-v-e95616a0] .reply-form .triangle {
    display: none
}

.content .emoji[data-v-e95616a0],
[data-v-e95616a0] .rich-input .emoji {
    width: 1.666rem;
    height: 1.666rem;
    vertical-align: sub
}

[data-v-e95616a0] .content .emoji {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: sub;
    margin-right: 2px
}

[data-v-e95616a0] .content .emoji:first-child {
    margin-left: 4px
}

[data-v-e95616a0] .content .emoji:last-child {
    margin-right: 4px
}

[data-v-e95616a0] .user-popover-box {
    display: inline-block
}

[data-v-e95616a0] .user-popover-box a.be-replied {
    color: #406599
}

@media (max-width:600px) {
    .sub-comment-stat-box .visible[data-v-e95616a0] {
        display: block
    }
}

.sub-comment-list[data-v-2b2b04a2] {
    margin: 1rem 0;
    padding: 0 0 0 1rem;
    background-color: #fafbfc;
    border-radius: 3px
}

.sub-comment-list .item[data-v-2b2b04a2]:not(:last-child) .user-content-box {
    border-bottom: 1px solid #f1f1f1
}

.fetch-more[data-v-2b2b04a2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.fetch-more-comment[data-v-2b2b04a2] {
    display: inline-block;
    margin: 1rem 0;
    font-size: 1.083rem;
    color: #406599;
    cursor: pointer
}

.fetch-more-comment[data-v-2b2b04a2]:hover {
    opacity: .8
}

.iconfont[data-v-f341ef5c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f341ef5c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-f341ef5c]:before {
    content: "\e601"
}

.comment[data-v-f341ef5c] {
    display: flex
}

.popover[data-v-f341ef5c] {
    height: 33px
}

.user-link[data-v-f341ef5c] {
    flex: 0 0 auto
}

.avatar[data-v-f341ef5c] {
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.content-box[data-v-f341ef5c] {
    margin-left: .833rem;
    flex: 1 1 auto
}

.content-box:hover .removable[data-v-f341ef5c] {
    display: block;
    cursor: pointer
}

.meta-box[data-v-f341ef5c] {
    display: flex;
    align-items: center;
    font-size: 1.083rem;
    line-height: 1.25;
    white-space: nowrap
}

.meta-box .username[data-v-f341ef5c] {
    flex: 1 1 auto;
    width: 0;
    color: #333
}

.meta-box .author-badge-text[data-v-f341ef5c] {
    margin-left: 4px
}

.meta-box .position[data-v-f341ef5c] {
    color: #8a9aa9;
    font-size: 1.083rem;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16rem
}

@media (max-width:600px) {
    .meta-box .position[data-v-f341ef5c] {
        max-width: 12rem
    }
}

@media (max-width:320px) {
    .meta-box .position[data-v-f341ef5c] {
        max-width: 5rem
    }
}

.reply-stat[data-v-f341ef5c] {
    display: flex;
    margin-top: 7px;
    font-weight: 400
}

.reply-stat .delete[data-v-f341ef5c],
.reply-stat .time[data-v-f341ef5c] {
    font-size: 1.083rem;
    color: #8a9aa9;
    cursor: default
}

.reply-stat .delete[data-v-f341ef5c] {
    display: none
}

.reply-stat .mobile[data-v-f341ef5c] {
    display: block;
    cursor: pointer
}

.reply-stat .action-box[data-v-f341ef5c] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    min-width: 8.8rem;
    color: #8a93a0;
    user-select: none
}

.reply-stat .action-box .comment-action span[data-v-f341ef5c] {
    margin-left: 6px
}

.reply-stat .action-box .action[data-v-f341ef5c] {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    cursor: pointer
}

.reply-stat .action-box .action[data-v-f341ef5c]:hover {
    opacity: .8
}

.reply-stat .action-box .action.active[data-v-f341ef5c] {
    color: #37c700
}

.reply-stat .action-box .action-title[data-v-f341ef5c] {
    margin-left: .25rem
}

.content[data-v-f341ef5c] {
    margin-top: .55rem;
    font-size: 1.083rem;
    line-height: 1.833rem;
    white-space: pre-wrap;
    color: #505050
}

.limit-btn[data-v-f341ef5c] {
    font-size: 1.083rem;
    display: inline-block;
    margin-top: .4rem;
    color: #007fff;
    cursor: pointer;
    user-select: none
}

.limit-btn[data-v-f341ef5c]:hover {
    opacity: .8
}

.image[data-v-f341ef5c] {
    margin-top: .8rem;
    width: 6.667rem;
    height: 6.667rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: zoom-in
}

.content .emoji[data-v-f341ef5c],
[data-v-f341ef5c] .content .emoji,
[data-v-f341ef5c] .rich-input .emoji {
    width: 1.666rem;
    height: 1.666rem;
    vertical-align: sub
}

[data-v-f341ef5c] .content .emoji {
    margin-right: 2px
}

[data-v-f341ef5c] .content .emoji:first-child {
    margin-left: 4px
}

[data-v-f341ef5c] .content .emoji:last-child {
    margin-right: 4px
}

[data-v-f341ef5c] .content .parse-emoji-url img {
    height: 1.333rem
}

@media (max-width:600px) {
    .reply-stat .mobile[data-v-f341ef5c] {
        display: block
    }
}

.comment-list .item[data-v-03444abb]:not(:last-child) {
    margin-bottom: 1.333rem
}

.comment-list .item[data-v-03444abb]:not(:last-child) .comment-divider-line {
    border-bottom: 1px solid #f1f1f1
}

.iconfont[data-v-6b768a26] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6b768a26]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6b768a26]:before {
    content: "\e601"
}

.comment-list-box[data-v-6b768a26] {
    position: relative;
    border-top: 1px solid #ebebeb
}

.comment-list-box[data-v-6b768a26]:after,
.comment-list-box[data-v-6b768a26]:before {
    display: table;
    content: "";
    clear: both
}

.comment-list-box .triangle-top[data-v-6b768a26] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.comment-list-box .title[data-v-6b768a26] {
    color: #8a9aa9;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 1.67rem 0 5px
}

.comment-form[data-v-6b768a26] {
    margin: 1.333rem 1.666rem
}

@media (max-width:600px) {
    .comment-form[data-v-6b768a26] {
        margin: 1.25rem 2rem
    }
}

.comment-list[data-v-6b768a26] {
    margin: 0 1.666rem 0 6.5rem
}

@media (max-width:600px) {
    .comment-list[data-v-6b768a26] {
        margin: 0 2rem
    }
}

.fetch-more-comment[data-v-6b768a26] {
    display: block;
    padding: 1.1rem 0;
    font-size: 1.083rem;
    text-align: center;
    color: #406599;
    border-top: 1px solid #ebebeb;
    cursor: pointer;
    user-select: none
}

.fetch-more-comment[data-v-6b768a26]:hover {
    opacity: .8
}

@media (max-width:600px) {
    .sticky[data-v-6b768a26] {
        border-top: none;
        margin: 1rem 0
    }
}

.pin-header-more[data-v-218a7c9c] {
    position: relative
}

.more-button[data-v-218a7c9c] {
    cursor: pointer
}

.more-button path[data-v-218a7c9c] {
    fill: #b8c1cc
}

.more-button:hover path[data-v-218a7c9c] {
    fill: #9da7b3
}

.dropdown[data-v-218a7c9c] {
    position: absolute;
    margin-top: 6px;
    z-index: 1
}

.dropdown-menu[data-v-218a7c9c] {
    display: block;
    padding: 6px 0;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .06)
}

.dropdown-menu li[data-v-218a7c9c] {
    padding: 6px 28px;
    display: block;
    font-size: 13px;
    color: #84878b;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.dropdown-menu li[data-v-218a7c9c]:hover {
    color: #64686e;
    background-color: #f8f8f8
}

.dropdown-caret[data-v-218a7c9c],
.dropdown-caret[data-v-218a7c9c]:after {
    position: absolute;
    top: -11px;
    left: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #ebebeb
}

.dropdown-caret[data-v-218a7c9c]:after {
    content: "";
    top: -5px;
    left: -6px;
    border-bottom-color: #fff
}

.popover-enter-active[data-v-218a7c9c],
.popover-leave-active[data-v-218a7c9c] {
    transform: translateY(0);
    transition: .3s
}

.popover-enter[data-v-218a7c9c],
.popover-leave-to[data-v-218a7c9c] {
    opacity: 0;
    transform: translateY(-8px)
}

@media (max-width:600px) {
    .dropdown-menu li[data-v-218a7c9c] {
        padding: 10px 12px
    }
}

.follow-button[data-v-7dcd7620] {
    margin: 0 0 0 auto;
    padding: 0;
    width: 55px;
    height: 26px;
    font-size: 13px;
    border-color: #6cbd45;
    color: #6cbd45
}

.follow-button[data-v-7dcd7620]:hover {
    opacity: .8
}

.follow-button.active[data-v-7dcd7620] {
    color: #fff;
    border-color: #6cbd45;
    background-color: #6cbd45
}

.iconfont[data-v-1bae77de] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1bae77de]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1bae77de]:before {
    content: "\e601"
}

.pin[data-v-1bae77de] {
    background-color: #fff;
    border-radius: .2rem
}

.pin-header-from[data-v-1bae77de] {
    line-height: 1;
    color: #8a9aa9;
    font-size: 13px;
    padding: 10px 20px 9px;
    border-bottom: 1px solid #ebebeb
}

.pin-header-from span[data-v-1bae77de] {
    margin-left: 4px
}

.pin-header-row[data-v-1bae77de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 2rem 0 20px
}

.pin-header-row .account-group[data-v-1bae77de] {
    align-items: center
}

.pin-header-row .user-link[data-v-1bae77de] {
    font-size: 0
}

.pin-header-row .avatar[data-v-1bae77de] {
    flex: 0 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

@media (max-width:600px) {
    .pin-header-row .avatar[data-v-1bae77de] {
        width: 3.5rem;
        height: 3.5rem
    }
}

.pin-header-row .pin-header-content[data-v-1bae77de] {
    margin-left: 1rem
}

.pin-header-row .username[data-v-1bae77de] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2e3135
}

.pin-header-row .meta-box[data-v-1bae77de] {
    display: flex;
    align-items: center;
    margin: .3rem 0 0;
    font-size: 13px;
    color: #8a9aa9;
    cursor: default
}

.pin-header-row .meta-box .position[data-v-1bae77de] {
    max-width: 24rem
}

@media (max-width:600px) {
    .pin-header-row .meta-box .position[data-v-1bae77de] {
        max-width: 8.33rem
    }
}

.pin-header-row .meta-box .dot[data-v-1bae77de] {
    margin: 0 .5em
}

.pin-header-row .meta-box .time-box[data-v-1bae77de] {
    color: #8a9aa9
}

.account-group[data-v-1bae77de],
.header-action[data-v-1bae77de] {
    display: flex
}

.follow-button[data-v-1bae77de] {
    margin: 0 0 0 auto;
    padding: 0;
    width: 55px;
    height: 26px;
    font-size: 13px;
    border-color: #6cbd45;
    color: #6cbd45
}

.follow-button.active[data-v-1bae77de] {
    border-color: #ebebeb;
    color: #ebebeb
}

.header-menu[data-v-1bae77de] {
    margin-left: 16px
}

.pin-topic-row .topic-title[data-v-1bae77de] {
    font-size: 13px;
    display: inline-block;
    line-height: 22px;
    padding: 0 12px;
    border: 1px solid #007fff;
    border-radius: 14px;
    color: #007fff;
    user-select: none
}

.pin-content-row[data-v-1bae77de],
.pin-image-row[data-v-1bae77de],
.pin-link-row[data-v-1bae77de],
.pin-topic-row[data-v-1bae77de] {
    position: relative;
    margin: 1rem 4rem 0 6.45rem
}

@media (max-width:600px) {

    .pin-content-row[data-v-1bae77de],
    .pin-image-row[data-v-1bae77de],
    .pin-link-row[data-v-1bae77de],
    .pin-topic-row[data-v-1bae77de] {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.pin-image-row[data-v-1bae77de] {
    margin-top: .333rem
}

.pin-content-row[data-v-1bae77de] {
    margin-top: 5px;
    margin-bottom: 5px
}

.pin-topic-row[data-v-1bae77de] {
    margin-top: .666rem
}

.iconfont[data-v-26b3be06] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-26b3be06]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-26b3be06]:before {
    content: "\e601"
}

.author-info[data-v-26b3be06] {
    display: flex;
    align-items: center
}

.author-info .user-link[data-v-26b3be06] {
    font-size: 0
}

.author-info .avatar[data-v-26b3be06] {
    flex: 0 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.author-info-content[data-v-26b3be06] {
    margin-left: 1rem;
    font-size: 15px;
    color: #8a9aa9
}

.author-info-content span[data-v-26b3be06] {
    margin: 0 4px
}

.author-info-head[data-v-26b3be06] {
    display: flex;
    align-items: center
}

.username[data-v-26b3be06] {
    font-weight: 600;
    font-size: 15px;
    color: #17181a
}

.meta-box[data-v-26b3be06] {
    display: flex;
    align-items: center;
    margin: .3rem 0 0;
    font-size: 13px;
    color: #8a9aa9;
    cursor: default
}

.meta-box .position[data-v-26b3be06] {
    max-width: 28rem
}

@media (max-width:600px) {
    .meta-box .position[data-v-26b3be06] {
        max-width: 100px
    }
}

.meta-box .dot[data-v-26b3be06] {
    margin: 0 .5em
}

.header-menu[data-v-26b3be06] {
    margin-top: 4px
}

.iconfont[data-v-1a4e6b28] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1a4e6b28]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1a4e6b28]:before {
    content: "\e601"
}

.action-box[data-v-1a4e6b28] {
    display: flex;
    position: relative;
    margin-top: 3px;
    height: 34px;
    border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
    .action-box .action[data-v-1a4e6b28] {
        flex: 1 1 50%
    }

    .action-box .share-action[data-v-1a4e6b28] {
        display: none
    }
}

.action[data-v-1a4e6b28] {
    flex: 1 1 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    cursor: pointer;
    user-select: none
}

.action:hover .action-title-box[data-v-1a4e6b28] {
    opacity: .8
}

.action[data-v-1a4e6b28]:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    width: 1px;
    height: 2rem;
    background-color: #ebebeb
}

.action.like-action.active .action-title[data-v-1a4e6b28] {
    color: #37c700
}

@media (max-width:600px) {
    .action[data-v-1a4e6b28]:nth-child(2):after {
        display: none
    }
}

.action-title-box[data-v-1a4e6b28] {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-title-box .icon[data-v-1a4e6b28] {
    width: 18px;
    height: 18px
}

.action-title-box .action-title[data-v-1a4e6b28] {
    margin-left: 5px;
    font-size: 13px;
    color: #8a93a0
}

.share-panel[data-v-1a4e6b28] {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5.5rem;
    width: 11rem;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    z-index: 101
}

.share-panel.top[data-v-1a4e6b28] {
    top: auto;
    bottom: 100%
}

.share-panel.top[data-v-1a4e6b28]:after,
.share-panel.top[data-v-1a4e6b28]:before {
    display: none
}

.share-panel[data-v-1a4e6b28]:after,
.share-panel[data-v-1a4e6b28]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%
}

.share-panel[data-v-1a4e6b28]:before {
    margin: -7px 0 0 -7px;
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-1a4e6b28]:after {
    margin: -6px 0 0 -6px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-1a4e6b28] {
    padding: .5rem .9rem
}

.share-panel .share-item[data-v-1a4e6b28]:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-1a4e6b28]:hover {
    background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-1a4e6b28] {
    display: flex;
    align-items: center;
    font-size: 1.167rem;
    color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-1a4e6b28] {
    margin-right: .8rem;
    width: 20px
}

.share-panel .qr-code[data-v-1a4e6b28] {
    margin: .6rem 0 .8rem;
    height: 8.333rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.confirm-dialog-box[data-v-47ebf5f9] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 1000
}

.confirm-dialog[data-v-47ebf5f9] {
    position: relative;
    padding: 2rem;
    width: 38rem;
    max-width: 100%;
    background-color: #fff;
    border: 1px solid rgba(178, 181, 186, .4);
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .24)
}

.dialog-header[data-v-47ebf5f9] {
    user-select: none
}

.dialog-header .dialog-title[data-v-47ebf5f9] {
    font-size: 1.417rem;
    font-weight: 600;
    color: #000;
    cursor: default
}

.dialog-header .close-btn[data-v-47ebf5f9] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    padding: .5rem;
    font-size: 1.2rem;
    color: #979797;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.dialog-header .close-btn[data-v-47ebf5f9]:hover {
    color: #666
}

.dialog-body[data-v-47ebf5f9] {
    padding: 1rem 0 1.5rem;
    font-size: 1.167rem;
    line-height: 1.7;
    color: #333;
    user-select: text
}

.dialog-footer[data-v-47ebf5f9] {
    display: flex;
    justify-content: flex-end;
    user-select: none
}

.dialog-footer .ctrl-btn[data-v-47ebf5f9] {
    padding: .6rem 1.9rem;
    font-size: 1.167rem;
    color: #a5a5a5;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    outline: none;
    cursor: pointer
}

.dialog-footer .ctrl-btn[data-v-47ebf5f9]:hover:not(:disabled) {
    opacity: .8
}

.dialog-footer .confirm-btn[data-v-47ebf5f9] {
    margin-left: 1.5rem;
    color: #1288ff;
    border: 1px solid
}

.dialog-footer .confirm-btn[data-v-47ebf5f9]:disabled {
    color: #a5a5a5;
    cursor: default
}

.sub-comment:hover .remove-btn[data-v-62f7dbb8] {
    display: inline-block
}

.sub-comment .user-popover--avatar[data-v-62f7dbb8] {
    float: left;
    width: 26px;
    margin-right: 10px
}

.sub-comment .avatar[data-v-62f7dbb8] {
    width: 26px;
    height: 26px;
    border-radius: 3px
}

.sub-comment .content-box[data-v-62f7dbb8] {
    overflow: hidden
}

.sub-comment .content-box .header .user-info[data-v-62f7dbb8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 20px;
    font-size: 13px
}

.sub-comment .content-box .header .user-info .user-popover--info[data-v-62f7dbb8] {
    margin-right: 10px
}

.sub-comment .content-box .header .user-info .user-popover--info .username[data-v-62f7dbb8] {
    font-size: 15px;
    color: #333
}

.sub-comment .content-box .header .user-info .position[data-v-62f7dbb8] {
    color: rgba(43, 68, 116, .5)
}

.sub-comment .content-box .content[data-v-62f7dbb8] {
    margin-top: 5px;
    font-size: 14px;
    white-space: pre-wrap
}

.sub-comment .content-box .content .text-reply[data-v-62f7dbb8] {
    margin-right: 2px
}

.sub-comment .content-box .content .text-reply a[data-v-62f7dbb8] {
    margin-left: 3px
}

.sub-comment .content-box .content .text-reply .username[data-v-62f7dbb8] {
    color: #6799cd
}

.sub-comment .content-box .content .content-html[data-v-62f7dbb8] {
    margin-right: .5em
}

.sub-comment .content-box .content .show-all[data-v-62f7dbb8] {
    color: #6799cd;
    white-space: nowrap;
    cursor: pointer
}

.sub-comment .content-box .footer[data-v-62f7dbb8] {
    padding-top: 5px;
    color: #909090
}

.sub-comment .content-box .footer .reply-btn[data-v-62f7dbb8] {
    visibility: hidden;
    margin-left: 16px
}

.sub-comment .content-box .footer .remove-btn[data-v-62f7dbb8] {
    margin: 0 0 0 auto;
    padding: 0;
    float: right;
    color: #909090;
    background-color: transparent;
    cursor: pointer
}

.sub-comment:hover .content-box .footer .reply-btn[data-v-62f7dbb8] {
    visibility: visible
}

.sub-comment__m .position[data-v-62f7dbb8],
.sub-comment__m .reply-btn[data-v-62f7dbb8] {
    display: none
}

.sub-comment__m .content-box .header .user-info .username[data-v-62f7dbb8] {
    color: #596690;
    font-size: 16px
}

.pagination[data-v-506232bd] {
    display: flex;
    justify-content: center;
    align-items: baseline
}

.pagination li[data-v-506232bd] {
    margin: 0 8px;
    cursor: pointer;
    padding: 0 5px;
    font-size: 14px
}

.pagination li[data-v-506232bd]:hover {
    color: #679acd
}

.pagination li.current[data-v-506232bd],
.pagination li.ellipsis[data-v-506232bd] {
    color: #bbb;
    cursor: default
}

.sub-comment-box[data-v-65407241] {
    margin-top: 9px;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.sub-comment-box .sub-comment-box__inner[data-v-65407241] {
    padding: 16px
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list[data-v-65407241],
.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-65407241] {
    padding-bottom: 15px
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-65407241]:not(:first-child) {
    padding-top: 15px
}

.sub-comment-box .sub-comment-box__inner .sub-comment-list li[data-v-65407241]:not(:last-child) {
    border-bottom: 1px solid #e1e5e8
}

.sub-comment-box .sub-comment-box__inner .reply-form[data-v-65407241] {
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
    height: auto
}

.sub-comment-box .sub-comment-box__inner .reply-form textarea[data-v-65407241] {
    height: 35px;
    padding: 6px;
    font-size: 14px;
    border-radius: 3px;
    flex-grow: 1
}

.sub-comment-box .sub-comment-box__inner .reply-form button[data-v-65407241] {
    flex-grow: 1;
    flex-basis: 75px;
    min-width: 75px;
    height: 35px;
    margin-left: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    text-align: center
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl[data-v-65407241] {
    text-align: center;
    width: 60px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #909090
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl dt img[data-v-65407241] {
    width: 60px;
    vertical-align: top
}

.sub-comment-box .sub-comment-box__inner .empty-comment dl dd[data-v-65407241] {
    text-align: center;
    height: 18px;
    margin: 5px 0 0
}

.sub-comment-box__top[data-v-65407241] {
    display: none
}

.sub-comment-box__m[data-v-65407241] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 251;
    background: #fff;
    width: 100%;
    height: 100%
}

.sub-comment-box__m .sub-comment-box__top[data-v-65407241] {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa
}

.sub-comment-box__m .sub-comment-box__top h3[data-v-65407241] {
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-size: 18px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-65407241] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #b6bac1;
    float: left;
    position: absolute;
    left: 15px;
    top: 11px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-65407241]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 14px;
    height: 1px;
    background-color: #b6bac1;
    transform: rotate(45deg);
    margin-left: -7px;
    margin-top: -1px
}

.sub-comment-box__m .sub-comment-box__top .icon-close[data-v-65407241]:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 14px;
    height: 1px;
    background-color: #b6bac1;
    transform: rotate(-45deg);
    margin-left: -7px;
    margin-top: -1px
}

.sub-comment-box__m .sub-comment-box__inner[data-v-65407241] {
    max-height: calc(100vh - 85px);
    overflow-y: auto
}

.sub-comment-box__m .sub-comment-box__inner .pagination[data-v-65407241],
.sub-comment-box__m .sub-comment-box__inner .reply-form[data-v-65407241],
.sub-comment-box__m .sub-comment-box__inner[data-v-65407241]:after,
.sub-comment-box__m .sub-comment-box__inner[data-v-65407241]:before {
    display: none
}

.sub-comment-box.sub-comment-box__m[data-v-65407241] {
    margin-top: 0
}

.iconfont[data-v-52bc9479] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-52bc9479]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-52bc9479]:before {
    content: "\e601"
}

.comment[data-v-52bc9479] {
    position: relative;
    overflow: hidden
}

.comment:hover .remove-btn[data-v-52bc9479] {
    display: inline-block
}

.avatar[data-v-52bc9479] {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.7rem;
    height: 2.7rem;
    cursor: pointer;
    border-radius: 50%
}

.content-box[data-v-52bc9479] {
    margin: .5rem 0 0 3.5rem
}

.user-info[data-v-52bc9479] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

.user-info .username[data-v-52bc9479] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-right: .6rem
}

.user-info .position[data-v-52bc9479] {
    font-size: 1rem;
    color: #909090;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content[data-v-52bc9479] {
    margin: .3rem 0 .5rem;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #333
}

.content .content-html[data-v-52bc9479] {
    margin-right: .5em;
    white-space: pre-wrap
}

.content .show-all[data-v-52bc9479] {
    color: #6799cd;
    white-space: nowrap;
    cursor: pointer
}

.content .username[data-v-52bc9479] {
    color: #007fff
}

.footer[data-v-52bc9479] {
    display: flex;
    align-items: baseline;
    color: #909090
}

.footer .like-btn[data-v-52bc9479] {
    padding: .3rem .5rem;
    background-color: hsla(0, 0%, 94.9%, .8);
    color: #909090;
    font-size: 1rem;
    margin-right: 1rem;
    border-radius: 2px
}

.footer .like-btn.liked[data-v-52bc9479] {
    color: #007fff;
    background-color: rgba(0, 127, 255, .1)
}

.footer .sub-comment-btn[data-v-52bc9479] {
    position: relative;
    margin-right: 15px;
    font-size: 20px;
    height: 30px;
    color: #909090;
    user-select: none
}

.footer .sub-comment-btn[data-v-52bc9479]:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/oval-sub-comment.3675eb0.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 5px;
    vertical-align: middle
}

.footer .sub-comment-btn .title[data-v-52bc9479] {
    font-size: 13px
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-52bc9479] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-52bc9479]:before {
    content: "";
    position: absolute;
    left: 30px;
    border-color: transparent transparent #eaeaea;
    border-style: solid;
    border-width: 0 9px 10px;
    top: 100%
}

.footer .sub-comment-btn .sub-comment--arrow[data-v-52bc9479]:after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 31px;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px
}

.footer .remove-btn[data-v-52bc9479] {
    margin: 0 1.4rem 0 auto;
    padding: 0;
    float: right;
    color: #909090;
    background-color: transparent;
    cursor: pointer
}

.reply-form[data-v-52bc9479] {
    position: relative;
    margin: .6rem 0 1.5rem
}

.reply-form .reply-input[data-v-52bc9479] {
    font-size: 1.3rem;
    line-height: 1.7rem;
    padding: .5rem;
    height: 62px;
    margin-bottom: .8rem
}

.reply-form .reply-input[data-v-52bc9479]:hover {
    border-color: #007fff
}

.reply-form .action-box[data-v-52bc9479] {
    display: flex;
    justify-content: flex-end;
    font-size: 1.1rem
}

.reply-form .action-box .cancel-btn[data-v-52bc9479] {
    background-color: #f1f1f1;
    color: #333
}

.reply-form.replying[data-v-52bc9479]:before {
    content: "æäº¤ä¸­...";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #666;
    background-color: hsla(0, 0%, 100%, .8);
    z-index: 1
}

@media (max-width:600px) {
    .avatar[data-v-52bc9479] {
        left: .5rem;
        top: .1rem;
        width: 2.4rem;
        height: 2.4rem
    }
}

.item[data-v-36aaa6bf] {
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.item[data-v-36aaa6bf]:not(:last-of-type):not(.highlight):before {
    content: "";
    position: absolute;
    left: 3.5rem;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #f5f5f5
}

.more-btn[data-v-36aaa6bf] {
    padding: 1.8rem 0;
    font-size: 1.08rem;
    text-align: center;
    color: #07f;
    cursor: pointer
}

.more-btn[data-v-36aaa6bf]:hover {
    color: #05d
}

.more-btn.loading[data-v-36aaa6bf] {
    color: #ddd;
    cursor: default
}

.iconfont[data-v-15121b47] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-15121b47]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-15121b47]:before {
    content: "\e601"
}

.section-page[data-v-15121b47] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 60px 40px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.section-page img[data-v-15121b47] {
    max-width: 100%
}

.section-page .comment-box[data-v-15121b47] {
    padding-bottom: 1rem
}

.book-comments[data-v-15121b47] {
    padding-top: 30px
}

.book-comments .box-title[data-v-15121b47] {
    margin: 1.3rem 0;
    text-align: center;
    color: #909090;
    font-weight: 500;
    font-size: 16px
}

@media (max-width:475px) {
    .section-page[data-v-15121b47] {
        padding: 20px
    }
}

.iconfont[data-v-423219a7] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-423219a7]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-423219a7]:before {
    content: "\e601"
}

.fade-enter-active[data-v-21955ea4],
.fade-leave-active[data-v-21955ea4] {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .25s ease
}

.fade-enter-to[data-v-21955ea4],
.fade-leave[data-v-21955ea4] {
    transform: translateZ(0)
}

.transition--prev .fade-leave-to[data-v-21955ea4] {
    transform: translate3d(100%, 0, 0)
}

.transition--next .fade-leave-to[data-v-21955ea4],
.transition--prev .fade-enter[data-v-21955ea4] {
    transform: translate3d(-100%, 0, 0)
}

.transition--next .fade-enter[data-v-21955ea4] {
    transform: translate3d(100%, 0, 0)
}

.book-wap-section[data-v-21955ea4] {
    overflow: hidden
}

.book-body[data-v-21955ea4] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    margin-bottom: env(safe-area-inset-bottom);
    padding-bottom: 50px
}

.book-content[data-v-21955ea4] {
    width: 100%
}

.bottom-mobile-buy[data-v-21955ea4] {
    display: flex;
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #007fff;
    color: #fff;
    user-select: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    width: 178px;
    height: 40px;
    border-radius: 40px;
    margin-bottom: env(safe-area-inset-bottom)
}

.iconfont[data-v-4e466f2d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4e466f2d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4e466f2d]:before {
    content: "\e601"
}

.book-progress[data-v-4e466f2d] {
    position: absolute;
    left: 20px;
    top: calc(100% + 20px)
}

.book-progress ul li[data-v-4e466f2d] {
    margin-bottom: 5px;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 50%
}

.book-progress ul li.active[data-v-4e466f2d] {
    background-color: #aaa
}

.iconfont[data-v-ea0b11a0] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-ea0b11a0]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-ea0b11a0]:before {
    content: "\e601"
}

.book-handle[data-v-ea0b11a0] {
    position: fixed;
    width: 100%;
    left: 50%;
    max-width: calc(100vw - 340px);
    bottom: 70px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    margin-left: 160px
}

.book-handle .step-btn[data-v-ea0b11a0] {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 50%;
    background-color: #007fff;
    color: #fff;
    user-select: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15)
}

.book-handle .step-btn img[data-v-ea0b11a0] {
    width: 32px
}

.book-handle .step-btn.step-btn--prev[data-v-ea0b11a0] {
    left: 10px
}

.book-handle .step-btn.step-btn--next[data-v-ea0b11a0] {
    right: 10px
}

.book-handle .step-btn.step-btn--finished[data-v-ea0b11a0] {
    background-color: #fff;
    right: 10px
}

.book-handle .step-btn.step-btn--buy[data-v-ea0b11a0] {
    right: 10px
}

@media (min-width:1320px) {
    .book-handle[data-v-ea0b11a0] {
        max-width: 980px
    }
}

@media (max-width:700px) {
    .book-handle[data-v-ea0b11a0] {
        max-width: 100%;
        bottom: 30px;
        margin-left: 0
    }

    .book-handle .step-btn.step-btn--buy[data-v-ea0b11a0] {
        display: none
    }

    .book-handle .step-btn.step-btn--next[data-v-ea0b11a0] {
        right: 10px
    }
}

.iconfont[data-v-361dc46b] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-361dc46b]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-361dc46b]:before {
    content: "\e601"
}

.mark-star-masker[data-v-361dc46b] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center
}

.mark-star-masker .inner[data-v-361dc46b] {
    position: relative;
    width: 675px;
    min-height: 500px;
    padding: 30px 45px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff
}

.mark-star-masker .inner .ion-close[data-v-361dc46b] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
    color: #484848
}

.mark-star-masker .inner .top[data-v-361dc46b] {
    display: flex
}

.mark-star-masker .inner .top .star-content[data-v-361dc46b] {
    flex-grow: 1
}

.mark-star-masker .inner .top .star-content .heading[data-v-361dc46b] {
    font-size: 34px;
    color: #232323;
    font-weight: 700
}

.mark-star-masker .inner .top .star-content .name[data-v-361dc46b] {
    margin-top: 10px;
    font-size: 21px;
    font-weight: 700;
    color: #5d7084
}

.mark-star-masker .inner .top .star-content .star-panel[data-v-361dc46b] {
    margin-top: 30px;
    display: flex
}

.mark-star-masker .inner .top .star-content .star-panel .star[data-v-361dc46b] {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star.4db4048.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.mark-star-masker .inner .top .star-content .star-panel .star.star-selected[data-v-361dc46b] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/star-selected.4c987d6.svg);
    background-size: contain
}

.mark-star-masker .inner .top .star-content .star-panel .star-title[data-v-361dc46b] {
    color: #e88200;
    font-size: 17px;
    height: 25px;
    line-height: 27px;
    font-weight: 700
}

.mark-star-masker .inner .top .aside[data-v-361dc46b] {
    margin-left: 100px;
    flex-shrink: 0;
    width: 110px
}

.mark-star-masker .inner .top .aside img[data-v-361dc46b] {
    width: 100%;
    display: block;
    box-shadow: 0 10px 25px 0 rgba(93, 93, 93, .3)
}

.mark-star-masker .inner .text-content[data-v-361dc46b] {
    margin-top: 25px
}

.mark-star-masker .inner .text-content textarea[data-v-361dc46b] {
    text-align: justify;
    width: 100%;
    box-sizing: border-box;
    height: 140px;
    padding: 20px;
    border-radius: 2px;
    font-size: 16px;
    outline: none;
    border: 1px solid rgba(93, 112, 132, .2);
    color: #5d7084;
    resize: none
}

.mark-star-masker .inner .remark[data-v-361dc46b] {
    margin-top: 10px;
    font-size: 13px;
    color: #5d7084
}

.mark-star-masker .inner .bottom[data-v-361dc46b] {
    text-align: center;
    margin-top: 40px
}

.mark-star-masker .inner .bottom .submit-btn[data-v-361dc46b] {
    width: 160px;
    height: 46px;
    line-height: 34px;
    font-size: 20px
}

.mark-star-masker .inner .bottom .submit-btn[data-v-361dc46b]:disabled {
    opacity: .5
}

.iconfont[data-v-0967dbaf] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0967dbaf]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0967dbaf]:before {
    content: "\e601"
}

.more[data-v-0967dbaf] {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
    display: none;
    width: 25px;
    padding-right: 10px;
    height: 100%;
    background-size: 18px auto;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/more.3f349bb.svg);
    background-repeat: no-repeat;
    background-position: 0
}

.more.open .more-menu[data-v-0967dbaf] {
    display: block;
    z-index: 2
}

.more .more-menu[data-v-0967dbaf] {
    display: none;
    position: absolute;
    right: 0;
    top: 90%;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.more .more-menu div[data-v-0967dbaf] {
    color: #71777c;
    width: auto;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
    line-height: 40px;
    min-width: 140px
}

.more .more-menu div[data-v-0967dbaf]:hover {
    color: #333;
    background-color: rgba(0, 0, 0, .05)
}

.section[data-v-d0eb2184] {
    position: relative;
    min-height: 75px;
    cursor: default;
    padding-left: 20px;
    padding-right: 35px;
    border-radius: 2px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #8f9193
}

.section.section-link[data-v-d0eb2184] {
    cursor: pointer
}

.section[data-v-d0eb2184]:hover {
    color: #333;
    background-color: #e9e9e9
}

.section:hover .more[data-v-d0eb2184] {
    display: block
}

.section.read[data-v-d0eb2184] {
    color: #333
}

.section.route-active[data-v-d0eb2184] {
    color: #333;
    background-color: #e0e0e0
}

.section.read .step .step-btn[data-v-d0eb2184],
.section.route-active .step .step-btn[data-v-d0eb2184] {
    border-color: #007fff;
    color: #007fff
}

.section.read .step[data-v-d0eb2184]:after,
.section.read .step[data-v-d0eb2184]:before,
.section.route-active .step[data-v-d0eb2184]:after,
.section.route-active .step[data-v-d0eb2184]:before {
    background-color: #007fff
}

.section.route-active .step[data-v-d0eb2184]:after {
    background-color: #b5b7ba
}

.section .center[data-v-d0eb2184] {
    flex-grow: 1;
    padding-top: 12px;
    padding-bottom: 12px
}

.section .center .title[data-v-d0eb2184] {
    font-size: 16px
}

.section .center .sub-line[data-v-d0eb2184] {
    display: flex;
    align-items: center;
    margin-top: 3px
}

.section .center .sub-line .to-read[data-v-d0eb2184] {
    flex-shrink: 0;
    width: 40px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
    margin-right: 10px;
    text-align: center;
    font-size: 12px;
    background-color: #fa5600
}

.section .center .sub-line .writing[data-v-d0eb2184] {
    color: #6ea7da;
    margin-right: 12px
}

.section .center .sub-line .statistics[data-v-d0eb2184] {
    color: #b2bac2;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap
}

.section .center .sub-line .statistics span[data-v-d0eb2184] {
    margin-right: 12px
}

.section .step[data-v-d0eb2184] {
    align-items: center;
    display: flex;
    margin-right: 15px;
    align-self: stretch;
    position: relative
}

.section .step .step-btn[data-v-d0eb2184] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #b5b7ba;
    color: #b5b7ba;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    z-index: 1
}

.section .step[data-v-d0eb2184]:before {
    top: 0
}

.section .step[data-v-d0eb2184]:after,
.section .step[data-v-d0eb2184]:before {
    z-index: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    background-color: #b5b7ba;
    height: 50%;
    content: ""
}

.section .step[data-v-d0eb2184]:after {
    top: 50%
}

.section:first-child .step[data-v-d0eb2184]:before,
.section:last-child .step[data-v-d0eb2184]:after {
    display: none
}

@media (max-width:720px) {
    .section .step .step-btn[data-v-d0eb2184] {
        width: 30px;
        height: 30px;
        font-size: 12px
    }
}

.iconfont[data-v-d0eb2184] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d0eb2184]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-d0eb2184]:before {
    content: "\e601"
}

.section[data-v-d0eb2184] {
    min-height: 60px;
    padding-left: 16px
}

.section .center .title[data-v-d0eb2184] {
    font-size: 14px
}

.section .center .sub-line[data-v-d0eb2184] {
    font-size: 12px
}

.section .step[data-v-d0eb2184] {
    margin-right: 10px
}

.section .step .step-btn[data-v-d0eb2184] {
    width: 30px;
    height: 30px;
    font-size: 14px
}

.iconfont[data-v-84e1f8c6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-84e1f8c6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-84e1f8c6]:before {
    content: "\e601"
}

.user-auth[data-v-84e1f8c6] {
    height: 100%;
    position: absolute;
    right: 15px
}

.nav-item a[data-v-84e1f8c6] {
    color: #71777c
}

.nav-item.active>.icon[data-v-84e1f8c6],
.nav-item.active>a[data-v-84e1f8c6] {
    color: #007fff
}

.nav-menu-item>a[data-v-84e1f8c6] {
    display: block;
    color: #71777c
}

.avatar[data-v-84e1f8c6] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.nav-list[data-v-84e1f8c6] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    margin: 0
}

.nav-item[data-v-84e1f8c6] {
    color: #71777c;
    font-size: 1.33rem;
    margin: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.nav-item:hover>a[data-v-84e1f8c6] {
    color: #007fff
}

.nav-item.menu[data-v-84e1f8c6] {
    position: relative
}

.nav-item.auth[data-v-84e1f8c6] {
    color: #007fff
}

.nav-item.auth span[data-v-84e1f8c6]:hover {
    color: #0371df
}

.nav-item.auth .login[data-v-84e1f8c6]:after {
    content: "Â·";
    margin: 0 .4rem
}

.nav-menu[data-v-84e1f8c6] {
    position: absolute;
    width: 11rem;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(177, 180, 185, .45);
    border-radius: 4px;
    font-size: 1.2rem
}

.nav-menu .nav-menu-item-group[data-v-84e1f8c6] {
    padding: 1rem 0
}

.nav-menu .nav-menu-item[data-v-84e1f8c6] {
    font-size: 1.3rem;
    cursor: pointer
}

.nav-menu .nav-menu-item[data-v-84e1f8c6]:hover {
    background-color: hsla(0, 0%, 94.9%, .5)
}

.nav-menu .nav-menu-item>a[data-v-84e1f8c6] {
    display: flex;
    align-items: center;
    padding: .5rem 1rem
}

.nav-menu .nav-menu-item>a>span[data-v-84e1f8c6] {
    margin-left: 0;
    flex-grow: 1
}

.nav-menu .more[data-v-84e1f8c6] {
    position: relative
}

.nav-menu .more:hover .more-dropdown-list[data-v-84e1f8c6] {
    display: block
}

.nav-menu .more .more-icon[data-v-84e1f8c6] {
    float: right;
    color: #b2bac2;
    font-size: 1.2rem;
    line-height: 2rem
}

.nav-menu.user-dropdown-list[data-v-84e1f8c6] {
    width: 13rem;
    right: 0;
    left: auto;
    transform: translateX(0)
}

.nav-menu.user-dropdown-list .nav-menu-item-group[data-v-84e1f8c6]:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.more-dropdown-list[data-v-84e1f8c6] {
    position: absolute;
    left: auto;
    top: 0;
    right: 102%;
    transform: translateX(0);
    display: none
}

.more-dropdown-list[data-v-84e1f8c6]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 1.3rem;
    height: 4rem
}

.notification[data-v-84e1f8c6] {
    position: relative
}

.notification .count[data-v-84e1f8c6] {
    position: absolute;
    left: 50%;
    bottom: 43%;
    margin: 0;
    padding: .4rem .67rem;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    color: #f1f1f1;
    background-color: #007fff;
    border-radius: 3rem;
    border: 2px solid #fff;
    word-break: normal
}

.fengwei[data-v-84e1f8c6] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .8rem;
    font-size: 1.2em;
    vertical-align: middle;
    color: #b2bac2
}

.iconfont[data-v-979d8652] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-979d8652]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-979d8652]:before {
    content: "\e601"
}

.fade-enter-active[data-v-979d8652],
.fade-leave-active[data-v-979d8652] {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .25s ease
}

.fade-enter-to[data-v-979d8652],
.fade-leave[data-v-979d8652] {
    transform: translateZ(0)
}

.transition--prev .fade-leave-to[data-v-979d8652] {
    transform: translate3d(100%, 0, 0)
}

.transition--next .fade-leave-to[data-v-979d8652],
.transition--prev .fade-enter[data-v-979d8652] {
    transform: translate3d(-100%, 0, 0)
}

.transition--next .fade-enter[data-v-979d8652] {
    transform: translate3d(100%, 0, 0)
}

a[data-v-979d8652] {
    text-decoration: none
}

.book-read-view[data-v-979d8652] {
    position: relative;
    overflow: hidden
}

.book-section[data-v-979d8652] {
    position: relative;
    display: flex
}

.book-summary[data-v-979d8652] {
    width: 320px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    cursor: default;
    flex-shrink: 0;
    z-index: 2;
    border-right: 1px solid #ddd;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    will-change: left
}

.book-summary .book-summary-masker[data-v-979d8652] {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.book-summary .book-summary-inner[data-v-979d8652] {
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background-color: #f0f1f4;
    position: relative;
    z-index: 1;
    height: 100%
}

.book-summary .book-summary-inner .book-summary__header[data-v-979d8652] {
    height: 60px;
    display: flex;
    padding-left: 16px;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.book-summary .book-summary-inner .book-summary__header .logo[data-v-979d8652] {
    height: 30px
}

.book-summary .book-summary-inner .book-summary__header .logo img[data-v-979d8652] {
    height: 100%
}

.book-summary .book-summary-inner .book-summary__header .label[data-v-979d8652] {
    margin-left: 13px;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #007fff;
    position: relative;
    background-color: rgba(0, 127, 255, .1)
}

.book-summary .book-summary-inner .book-summary__header .label[data-v-979d8652]:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: rgba(0, 127, 255, .2) #fff #fff rgba(0, 127, 255, .2);
    border-style: solid;
    border-width: 5px
}

.book-summary .book-summary-inner .book-summary__header .audit[data-v-979d8652] {
    color: #71777c;
    font-size: 15px;
    opacity: .6
}

.book-summary .book-summary-inner .section-buy[data-v-979d8652] {
    height: 60px;
    cursor: pointer;
    background-color: #007fff;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    text-align: center
}

.book-summary .book-summary-inner .book-directory[data-v-979d8652] {
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    height: calc(100% - 180px)
}

.book-summary .book-summary-inner .book-directory.bought[data-v-979d8652] {
    height: calc(100% - 120px)
}

.book-content[data-v-979d8652] {
    width: 100%;
    margin-left: 320px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.book-content .book-content-inner[data-v-979d8652] {
    position: relative
}

.book-content .book-content-inner .book-progress[data-v-979d8652] {
    display: none
}

.book-content .book-content-inner .book-content__header[data-v-979d8652] {
    position: fixed;
    right: 0;
    left: 320px;
    min-width: 320px;
    background-color: #fff;
    z-index: 1;
    border-bottom: 1px solid #ddd;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    font-size: 18px
}

.book-content .book-content-inner .book-content__header .switch[data-v-979d8652] {
    display: none;
    padding-left: 15px;
    margin-right: 10px;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/more.3f349bb.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 16px
}

.book-content .book-content-inner .book-content__header .switch img[data-v-979d8652] {
    width: 30px;
    vertical-align: middle
}

.book-content .book-content-inner .book-content__header .menu[data-v-979d8652] {
    width: auto;
    height: 20px;
    margin-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.book-content .book-content-inner .book-content__header .menu img[data-v-979d8652] {
    vertical-align: top
}

.book-content .book-content-inner .book-content__header .hero[data-v-979d8652] {
    position: absolute;
    right: 20px
}

.book-content .book-content-inner .book-content__header .title[data-v-979d8652] {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.book-content .book-content-inner .book-content__header .title a[data-v-979d8652] {
    color: #222
}

.book-content .book-content-inner .book-content__header .title a[data-v-979d8652]:hover {
    text-decoration: underline
}

.book-content .book-content-inner .book-content__header .user-auth[data-v-979d8652] {
    position: relative;
    right: 0;
    margin-left: 10px;
    margin-right: 5px;
    flex-shrink: 0
}

.book-content .book-content-inner .book-body[data-v-979d8652] {
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: 90px;
    position: relative;
    background-color: #e6e7e9;
    padding-bottom: env(safe-area-inset-bottom)
}

.bottom-mobile-buy[data-v-979d8652] {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #007fff;
    color: #fff;
    user-select: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    width: 178px;
    height: 40px;
    border-radius: 40px;
    margin-bottom: env(safe-area-inset-bottom)
}

.book-summary__footer[data-v-979d8652] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60px;
    padding-top: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #f0f1f4;
    z-index: 1
}

.book-summary__footer .ion-close[data-v-979d8652] {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    color: #bec3c7;
    line-height: 1
}

.book-summary__footer .qr-icon[data-v-979d8652] {
    width: 20px;
    position: relative
}

.book-summary__footer .qr-icon img[data-v-979d8652] {
    cursor: pointer;
    width: 100%
}

.book-summary__footer .qr-tips[data-v-979d8652] {
    z-index: -1;
    opacity: 0;
    position: absolute;
    left: 16px;
    bottom: 50px;
    width: 180px;
    height: 235px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px 30px 0;
    border-radius: 2px;
    transition: all .3s ease;
    visibility: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.book-summary__footer .qr-tips.show[data-v-979d8652] {
    z-index: 1;
    visibility: visible;
    opacity: 1
}

.book-summary__footer .qr-tips .title[data-v-979d8652] {
    margin-top: 10px;
    text-align: center
}

.book-summary__footer .qr-tips .title span[data-v-979d8652] {
    display: block;
    font-size: 16px
}

.book-summary__footer .qr-tips .qr-img[data-v-979d8652] {
    margin-top: 15px
}

.book-summary__footer .qr-tips .qr-img img[data-v-979d8652] {
    width: 100%
}

.book-summary__footer .qr-tips[data-v-979d8652]:after {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .15);
    left: 9px;
    bottom: 0;
    width: 0;
    height: 0;
    bottom: -4px;
    border-color: transparent #fff #fff transparent;
    border-style: solid;
    border-width: 5px
}

@media (min-width:700px) {
    .book-section.fold-pc .book-summary[data-v-979d8652] {
        left: -320px
    }

    .book-section.fold-pc .book-content[data-v-979d8652] {
        margin-left: 0
    }

    .book-section.fold-pc .book-content .book-content__header[data-v-979d8652] {
        left: 0;
        top: -60px
    }

    .book-section.fold-pc .book-content .book-content__header.visible[data-v-979d8652] {
        top: 0
    }

    .book-section.fold-pc .book-content .book-direction[data-v-979d8652] {
        margin-left: 0
    }

    .book-section.fold-pc .book-content .book-progress[data-v-979d8652] {
        display: block
    }
}

@media (max-width:700px) {
    .book-summary[data-v-979d8652] {
        transition: none;
        width: 0
    }

    .book-summary.unfold-mobile[data-v-979d8652] {
        width: 100%;
        left: 0
    }

    .book-summary.unfold-mobile .book-summary-masker[data-v-979d8652] {
        display: block
    }

    .book-summary.unfold-mobile .book-summary-inner[data-v-979d8652] {
        left: 0
    }

    .book-summary .book-summary-inner[data-v-979d8652] {
        left: -300px;
        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .4);
        width: 260px
    }

    .book-summary .book-summary-inner .book-directory[data-v-979d8652] {
        height: calc(100% - 120px)
    }

    .book-content[data-v-979d8652] {
        margin-left: 0
    }

    .book-content .book-content-inner .book-content__header[data-v-979d8652] {
        left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .book-content .book-content-inner .book-content__header .menu[data-v-979d8652] {
        display: none
    }

    .book-content .book-content-inner .book-content__header .switch[data-v-979d8652] {
        display: block
    }

    .section-buy[data-v-979d8652] {
        display: none
    }

    .bottom-mobile-buy[data-v-979d8652] {
        display: flex
    }
}

.iconfont[data-v-13c1d55d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-13c1d55d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-13c1d55d]:before {
    content: "\e601"
}

.comment-form[data-v-13c1d55d] {
    display: flex;
    position: relative;
    padding: 1rem 1.333rem;
    background-color: #fafbfc;
    border-radius: 3px
}

.comment-form.focused .input-box[data-v-13c1d55d] {
    border-color: #007fff
}

.comment-form.reply[data-v-13c1d55d] {
    margin-top: 1.083rem;
    padding: 1rem
}

.comment-form.reply .avatar-box[data-v-13c1d55d] {
    display: none
}

.comment-form.sub-reply[data-v-13c1d55d] {
    background-color: #fff;
    border: 1px solid #f1f1f2
}

.avatar-box[data-v-13c1d55d] {
    flex: 0 0 auto
}

@media (max-width:600px) {
    .avatar-box[data-v-13c1d55d] {
        display: none
    }
}

.avatar[data-v-13c1d55d] {
    margin: 0 1rem 0 0;
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.form-box[data-v-13c1d55d] {
    flex: 1 1 auto;
    position: relative
}

.form-box.disabled[data-v-13c1d55d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.input-box[data-v-13c1d55d] {
    font-size: 0;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px
}

.rich-input[data-v-13c1d55d] {
    position: relative;
    padding: .6rem 1rem;
    font-size: 1.083rem;
    line-height: 1.7;
    color: #17181a;
    outline: none;
    min-height: 1.3em
}

.rich-input[data-v-13c1d55d]:before {
    content: attr(placeholder);
    position: absolute;
    opacity: .4;
    pointer-events: none;
    user-select: none
}

.rich-input[data-v-13c1d55d]:not(.empty):before {
    display: none
}

.image-preview-box[data-v-13c1d55d] {
    display: inline-block;
    position: relative;
    margin: 0 1rem 1rem
}

.image-preview-box .image-preview[data-v-13c1d55d] {
    width: 6.667rem;
    height: 6.667rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.image-preview-box .clean-btn[data-v-13c1d55d] {
    position: absolute;
    top: .333rem;
    right: .333rem;
    cursor: pointer
}

.image-preview-box .clean-btn[data-v-13c1d55d]:hover {
    opacity: .8
}

.action-box[data-v-13c1d55d] {
    display: flex;
    align-items: center;
    margin: .65rem 0 0
}

@media (max-width:600px) {
    .action-box .emoji-btn[data-v-13c1d55d] {
        display: none
    }
}

[data-v-13c1d55d] .action-box .emoji-btn span {
    font-size: 13px
}

.image-btn[data-v-13c1d55d] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 1.083rem;
    color: #027fff;
    cursor: pointer;
    margin-left: 20px
}

.image-btn[data-v-13c1d55d]:hover {
    opacity: .8
}

.image-btn .icon[data-v-13c1d55d] {
    margin-right: .333rem;
    width: 18px;
    height: 18px
}

.submit[data-v-13c1d55d] {
    flex: 0 0 auto;
    margin-left: auto
}

.submit span[data-v-13c1d55d] {
    color: #c2c2c2;
    margin-right: 8px;
    font-size: 13px
}

.submit .submit-btn[data-v-13c1d55d] {
    flex: 0 0 auto;
    margin-left: auto;
    padding: .5rem 1.3rem;
    font-size: 1.25rem;
    color: #fff;
    background-color: #027fff;
    border-radius: 2px;
    cursor: pointer
}

.submit .submit-btn[data-v-13c1d55d]:hover {
    background-color: #0371df
}

.submit .submit-btn[data-v-13c1d55d]:disabled {
    cursor: default;
    opacity: .4
}

[data-v-13c1d55d] .rich-input .emoji {
    vertical-align: sub;
    width: 1.666rem;
    height: 1.666rem;
    cursor: default;
    margin: 0 1px
}

.pin[data-v-4f8056ae] {
    display: flex;
    justify-content: space-between
}

.content-box[data-v-4f8056ae] {
    display: flex;
    align-content: space-between;
    flex-direction: column
}

.content[data-v-4f8056ae] {
    color: #2e3135;
    font-size: 1.15rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 3.5rem;
    max-width: 22rem
}

.content.with-picture[data-v-4f8056ae] {
    max-width: 16rem
}

.stat[data-v-4f8056ae] {
    color: #76797e;
    font-size: 1.02rem;
    margin-top: auto
}

.stat .item[data-v-4f8056ae] {
    align-self: flex-end
}

.image-box[data-v-4f8056ae] {
    min-width: 5.67rem;
    height: 5.67rem;
    margin-left: 1rem;
    border-radius: 4px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.related-pin-block[data-v-4d1d90c6] {
    background-color: #fff
}

header[data-v-4d1d90c6] {
    color: #2e3135;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.07;
    padding: 13px 16px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

ul.pin-list[data-v-4d1d90c6] {
    padding: 0 16px
}

li.item[data-v-4d1d90c6] {
    padding: 12px 0
}

li.item[data-v-4d1d90c6]:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar[data-v-e7a9aad4] {
    width: 300px;
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    right: 0;
    top: 0
}

.sidebar.sticky .sticky-section[data-v-e7a9aad4] {
    opacity: 1;
    z-index: 5;
    pointer-events: all
}

@media (max-width:960px) {
    .sidebar[data-v-e7a9aad4] {
        display: none
    }
}

.sidebar .sticky-section[data-v-e7a9aad4] {
    position: fixed;
    width: 300px;
    top: 21px;
    opacity: 0;
    z-index: -1;
    transition: all .2s;
    pointer-events: none
}

.iconfont[data-v-6fbebb06] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6fbebb06]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6fbebb06]:before {
    content: "\e601"
}

.sub-comment[data-v-6fbebb06] {
    position: relative;
    padding: 1rem 0 0
}

.sub-comment:hover .visible[data-v-6fbebb06] {
    display: block
}

.sub-comment-content-row[data-v-6fbebb06] {
    display: flex;
    align-items: start
}

.sub-comment-content-box[data-v-6fbebb06] {
    display: flex;
    width: 100%
}

.popover[data-v-6fbebb06] {
    height: 33px
}

.avatar[data-v-6fbebb06] {
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.user-content-box[data-v-6fbebb06] {
    margin-left: .833rem;
    margin-right: 1rem;
    padding-bottom: 12px;
    font-size: 1.083rem;
    color: #17181a;
    width: 100%
}

.user-content-box .profie[data-v-6fbebb06] {
    display: flex
}

.user-content-box .profie .username[data-v-6fbebb06] {
    color: #333;
    margin-right: 4px
}

.user-content-box .profie .position[data-v-6fbebb06] {
    color: #8a9aa9;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16rem
}

@media (max-width:600px) {
    .user-content-box .profie .position[data-v-6fbebb06] {
        max-width: 10rem
    }
}

@media (max-width:320px) {
    .user-content-box .profie .position[data-v-6fbebb06] {
        max-width: 5rem
    }
}

.user-content-box .author-badge-text[data-v-6fbebb06] {
    margin-left: 4px
}

.user-content-box .content-box[data-v-6fbebb06] {
    display: inline-block;
    margin-top: .5rem
}

.user-content-box .content-box .author-badge-text[data-v-6fbebb06] {
    color: #406599
}

.user-content-box .content-box .content[data-v-6fbebb06] {
    white-space: pre-wrap;
    color: #505050;
    line-height: 1.833rem
}

.user-content-box .limit-btn[data-v-6fbebb06] {
    color: #007fff;
    cursor: pointer;
    user-select: none
}

.user-content-box .limit-btn[data-v-6fbebb06]:hover {
    opacity: .8
}

.user-content-box .limit-btn.all[data-v-6fbebb06] {
    display: inline-block;
    margin: .4rem 0
}

.user-content-box .image[data-v-6fbebb06] {
    margin: 0 .5em;
    color: #406599;
    cursor: pointer;
    position: relative
}

.user-content-box .image a.image-preview[data-v-6fbebb06] {
    position: relative;
    z-index: 1;
    display: none;
    padding: 8px;
    position: absolute;
    margin-left: 17px;
    top: 2rem;
    left: 0;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .16);
    border: .5px solid hsla(0, 0%, 59.2%, .2);
    transform: translate(-50%)
}

@media (max-width:600px) {
    .user-content-box .image a.image-preview[data-v-6fbebb06] {
        display: none
    }
}

.user-content-box .image a.image-preview .image[data-v-6fbebb06] {
    width: 200px;
    height: 100%;
    min-height: 170px;
    margin: 0
}

.user-content-box .image a.image-preview .triangle-top[data-v-6fbebb06] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.user-content-box .image:hover a.image-preview[data-v-6fbebb06] {
    display: inline-block
}

.sub-comment-stat-box[data-v-6fbebb06] {
    display: flex;
    margin-top: 7px;
    font-size: 13px;
    color: #8a93a0
}

.sub-comment-stat-box .delete[data-v-6fbebb06] {
    cursor: pointer;
    display: none
}

.sub-comment-action-box[data-v-6fbebb06] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    min-width: 8.8rem;
    font-size: 1.083rem;
    color: #8a93a0;
    user-select: none
}

@media (max-width:600px) {
    .sub-comment-action-box[data-v-6fbebb06] {
        display: none
    }
}

.sub-comment-action-box .comment-action span[data-v-6fbebb06] {
    margin-left: 6px
}

.sub-comment-action-box .action[data-v-6fbebb06] {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    cursor: pointer
}

.sub-comment-action-box .action[data-v-6fbebb06]:hover {
    opacity: .8
}

.sub-comment-action-box .action.active[data-v-6fbebb06] {
    color: #37c700
}

.sub-comment-action-box .action-title[data-v-6fbebb06] {
    margin-left: .25rem
}

.sub-comment[data-v-6fbebb06] .reply-form .triangle {
    display: none
}

.content .emoji[data-v-6fbebb06],
[data-v-6fbebb06] .rich-input .emoji {
    width: 1.666rem;
    height: 1.666rem;
    vertical-align: sub
}

[data-v-6fbebb06] .content .emoji {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: sub;
    margin-right: 2px
}

[data-v-6fbebb06] .content .emoji:first-child {
    margin-left: 4px
}

[data-v-6fbebb06] .content .emoji:last-child {
    margin-right: 4px
}

[data-v-6fbebb06] .user-popover-box {
    display: inline-block
}

[data-v-6fbebb06] .user-popover-box a.be-replied {
    color: #406599
}

@media (max-width:600px) {
    .sub-comment-stat-box .visible[data-v-6fbebb06] {
        display: block
    }
}

.sub-comment-list[data-v-d80faeb6] {
    margin: 1rem 0;
    padding: 0 0 0 1rem;
    background-color: #fafbfc;
    border-radius: 3px
}

.sub-comment-list .item[data-v-d80faeb6]:not(:last-child) .user-content-box {
    border-bottom: 1px solid #f1f1f1
}

.fetch-more[data-v-d80faeb6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.fetch-more-comment[data-v-d80faeb6] {
    display: inline-block;
    margin: 1rem 0;
    font-size: 1.083rem;
    color: #406599;
    cursor: pointer
}

.fetch-more-comment[data-v-d80faeb6]:hover {
    opacity: .8
}

.iconfont[data-v-5871ab78] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5871ab78]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-5871ab78]:before {
    content: "\e601"
}

.comment[data-v-5871ab78] {
    display: flex
}

.popover[data-v-5871ab78] {
    height: 33px
}

.user-link[data-v-5871ab78] {
    flex: 0 0 auto
}

.avatar[data-v-5871ab78] {
    width: 2.667rem;
    height: 2.667rem;
    border-radius: 50%
}

.content-box[data-v-5871ab78] {
    margin-left: .833rem;
    flex: 1 1 auto
}

.content-box:hover .visible[data-v-5871ab78] {
    display: block;
    cursor: pointer
}

.meta-box[data-v-5871ab78] {
    display: flex;
    align-items: center;
    font-size: 1.083rem;
    line-height: 1.2;
    white-space: nowrap
}

.meta-box .username[data-v-5871ab78] {
    flex: 1 1 auto;
    width: 0;
    color: #333
}

.meta-box .author-badge-text[data-v-5871ab78] {
    margin-left: 4px
}

.meta-box .position[data-v-5871ab78] {
    color: #8a9aa9;
    font-size: 1.083rem;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16rem
}

@media (max-width:600px) {
    .meta-box .position[data-v-5871ab78] {
        max-width: 12rem
    }
}

@media (max-width:320px) {
    .meta-box .position[data-v-5871ab78] {
        max-width: 5rem
    }
}

.reply-stat[data-v-5871ab78] {
    display: flex;
    margin: 1rem 0;
    font-weight: 400
}

.reply-stat .delete[data-v-5871ab78],
.reply-stat .time[data-v-5871ab78] {
    font-size: 1.083rem;
    color: #8a9aa9;
    cursor: default
}

.reply-stat .delete[data-v-5871ab78] {
    display: none
}

.reply-stat .mobile[data-v-5871ab78] {
    display: block;
    cursor: pointer
}

.reply-stat .action-box[data-v-5871ab78] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    min-width: 8.8rem;
    color: #8a93a0;
    user-select: none
}

.reply-stat .action-box .comment-action span[data-v-5871ab78] {
    margin-left: 6px
}

.reply-stat .action-box .action[data-v-5871ab78] {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    cursor: pointer
}

.reply-stat .action-box .action[data-v-5871ab78]:hover {
    opacity: .8
}

.reply-stat .action-box .action.active[data-v-5871ab78] {
    color: #37c700
}

.reply-stat .action-box .action-title[data-v-5871ab78] {
    margin-left: .25rem
}

.content[data-v-5871ab78] {
    margin-top: .55rem;
    font-size: 1.083rem;
    line-height: 1.833rem;
    white-space: pre-wrap;
    color: #505050
}

.limit-btn[data-v-5871ab78] {
    font-size: 1.083rem;
    display: inline-block;
    margin-top: .4rem;
    color: #007fff;
    cursor: pointer;
    user-select: none
}

.limit-btn[data-v-5871ab78]:hover {
    opacity: .8
}

.image[data-v-5871ab78] {
    margin-top: .8rem;
    width: 6.667rem;
    height: 6.667rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: zoom-in
}

.content .emoji[data-v-5871ab78],
[data-v-5871ab78] .content .emoji,
[data-v-5871ab78] .rich-input .emoji {
    width: 1.666rem;
    height: 1.666rem;
    vertical-align: sub
}

[data-v-5871ab78] .content .emoji {
    margin-right: 2px
}

[data-v-5871ab78] .content .emoji:first-child {
    margin-left: 4px
}

[data-v-5871ab78] .content .emoji:last-child {
    margin-right: 4px
}

[data-v-5871ab78] .content .parse-emoji-url img {
    height: 1.333rem
}

.comment-list .item[data-v-31202f38]:not(:last-child) {
    margin-bottom: 1.333rem
}

.comment-list .item[data-v-31202f38]:not(:last-child) .comment-divider-line {
    border-bottom: 1px solid #f1f1f1
}

.iconfont[data-v-450e98b1] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-450e98b1]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-450e98b1]:before {
    content: "\e601"
}

.comment-list-box[data-v-450e98b1] {
    position: relative;
    background-color: #fff
}

.comment-list-box[data-v-450e98b1]:after,
.comment-list-box[data-v-450e98b1]:before {
    display: table;
    content: "";
    clear: both
}

.comment-list-box .triangle-top[data-v-450e98b1] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.comment-list-box .title[data-v-450e98b1] {
    color: #8a9aa9;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 1.67rem 0 5px
}

.comment-form[data-v-450e98b1] {
    margin: 1.333rem 0
}

@media (max-width:600px) {
    .comment-form[data-v-450e98b1] {
        margin: 1.25rem 1rem
    }
}

.comment-list[data-v-450e98b1] {
    margin: 0 1.666rem 0 4.85rem
}

@media (max-width:600px) {
    .comment-list[data-v-450e98b1] {
        margin: 0 1rem
    }
}

.fetch-more-comment[data-v-450e98b1] {
    display: block;
    padding: 1.1rem 0;
    font-size: 1.083rem;
    text-align: center;
    color: #406599;
    cursor: pointer;
    user-select: none
}

.fetch-more-comment[data-v-450e98b1]:hover {
    opacity: .8
}

@media (max-width:600px) {
    .sticky[data-v-450e98b1] {
        border-top: none;
        margin: 1rem 0
    }
}

.iconfont[data-v-739ff474] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-739ff474]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-739ff474]:before {
    content: "\e601"
}

.post-header[data-v-739ff474] {
    position: relative;
    padding: 16px 20px 0
}

.post-header--hasmenu .author-bar[data-v-739ff474] {
    margin-right: 40px
}

.header-menu[data-v-739ff474] {
    position: absolute;
    top: 28px;
    right: 20px
}

.post-item-content[data-v-739ff474] {
    margin-left: 56px;
    padding: 6px 20px 10px
}

.post-link[data-v-739ff474] {
    display: block
}

.post-item-title h3[data-v-739ff474],
.post-item-title span[data-v-739ff474] {
    vertical-align: middle
}

.post-item-title span[data-v-739ff474] {
    margin-right: 10px;
    padding: 3px 6px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #007fff;
    background-color: #e5f2ff;
    border-radius: 2px
}

.post-item-title h3[data-v-739ff474] {
    margin: 0;
    display: inline;
    font-size: 17px;
    color: #17181a;
    line-height: 1.5
}

@media (max-width:600px) {
    .post-item-title h3[data-v-739ff474] {
        font-size: 17px
    }
}

.rich-content[data-v-739ff474] {
    margin-top: 3px;
    padding: 3px 0;
    display: flex
}

.rich-content .post-item-excerpt[data-v-739ff474] {
    margin-right: 16px;
    font-size: 15px;
    color: #5c6066;
    line-height: 1.53;
    flex: 1 1 auto
}

.rich-content .post-item-image[data-v-739ff474] {
    width: 65px;
    height: 65px;
    background-color: #eee;
    border-radius: 2px;
    flex: 0 0 auto
}

.post-item-comment[data-v-739ff474] {
    position: relative;
    border-top: 1px solid #ebebeb
}

.post-item-comment .triangle-top[data-v-739ff474] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.post-item-comment .comment-list-box[data-v-739ff474] {
    padding-left: 1.333rem;
    background-color: transparent
}

.post-item-comment .fetch-more-comment[data-v-739ff474] {
    display: block;
    padding: 1.1rem 0;
    font-size: 1.083rem;
    text-align: center;
    color: #406599;
    cursor: pointer;
    user-select: none;
    border-top: 1px solid #ebebeb
}

.post-item-comment .fetch-more-comment[data-v-739ff474]:hover {
    opacity: .8
}

@media (max-width:980px) {
    .post-item-content[data-v-739ff474] {
        margin-left: 0
    }
}

.author-info[data-v-6705ae96] {
    padding: 16px 20px;
    display: flex;
    align-items: center
}

.author-info .user-link[data-v-6705ae96] {
    font-size: 0
}

.author-info .avatar[data-v-6705ae96] {
    flex: 0 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.author-info-content[data-v-6705ae96] {
    margin-left: 1rem;
    font-size: 15px;
    color: #8a9aa9
}

.author-info-content span[data-v-6705ae96] {
    margin: 0 4px
}

.author-info-head[data-v-6705ae96] {
    display: flex;
    align-items: center
}

.tag[data-v-6705ae96],
.username[data-v-6705ae96] {
    font-weight: 600;
    font-size: 15px;
    color: #17181a
}

.tag[data-v-6705ae96] {
    margin-left: 4px;
    display: flex;
    align-items: center
}

.tag-icon[data-v-6705ae96] {
    height: 14px;
    margin-right: 6px
}

.meta-box[data-v-6705ae96] {
    display: flex;
    margin: .2rem 0 0;
    font-size: 13px;
    color: #8a9aa9;
    cursor: default
}

.meta-box .position[data-v-6705ae96] {
    max-width: 25rem
}

@media (max-width:400px) {
    .meta-box .position[data-v-6705ae96] {
        max-width: 20rem
    }
}

.activity-item[data-v-368c9488] {
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: .2rem
}

.activity-item[data-v-368c9488]:first-of-type {
    border-radius: 0 0 .2rem .2rem
}

.skeleton-row[data-v-b8bbc390] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-b8bbc390] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.activity-skeleton[data-v-b8bbc390] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    overflow: hidden
}

.activity-skeleton .skeleton-row[data-v-b8bbc390] {
    margin-bottom: 16px;
    background: linear-gradient(90deg, #fff, #edeff1, #fff);
    background-size: 480px 480px;
    animation: skeleton-stripes-data-v-b8bbc390 .6s linear infinite
}

.activity-skeleton .skeleton-row[data-v-b8bbc390]:last-of-type {
    margin-bottom: 0
}

.activity-skeleton .skeleton-row[data-v-b8bbc390]:first-of-type {
    width: 30%
}

.activity-skeleton .skeleton-row[data-v-b8bbc390]:nth-of-type(2) {
    width: 80%
}

.activity-skeleton .skeleton-row[data-v-b8bbc390]:nth-of-type(3) {
    width: 70%
}

.activity-skeleton .skeleton-row[data-v-b8bbc390]:nth-of-type(4) {
    width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-b8bbc390 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-webkit-keyframes skeleton-stripes-data-v-b8bbc390 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-o-keyframes skeleton-stripes-data-v-b8bbc390 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@keyframes skeleton-stripes-data-v-b8bbc390 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.iconfont[data-v-c9cd4fb6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c9cd4fb6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-c9cd4fb6]:before {
    content: "\e601"
}

.content-box[data-v-c9cd4fb6] {
    display: block;
    padding: 2rem 2.4rem;
    color: #b2bac2
}

.content-box[data-v-c9cd4fb6]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.content-box .meta-row .username[data-v-c9cd4fb6] {
    color: #3b76c5;
    margin-right: 10px
}

.content-box .info-row[data-v-c9cd4fb6] {
    margin: 8px 0 12px
}

.content-box .info-row .title[data-v-c9cd4fb6] {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.content-box .info-row .desc[data-v-c9cd4fb6] {
    font-size: 14px;
    margin-top: 10px;
    color: #666
}

.content-box .action-row[data-v-c9cd4fb6] {
    display: flex;
    justify-content: space-between
}

.content-box .action-row .action-right[data-v-c9cd4fb6] {
    display: flex;
    align-items: center
}

.content-box .action-row span[data-v-c9cd4fb6] {
    margin-right: 10px
}

.iconfont[data-v-abc97d8e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-abc97d8e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-abc97d8e]:before {
    content: "\e601"
}

.content-box[data-v-abc97d8e] {
    display: block;
    padding: 2rem 2.4rem;
    color: #b2bac2
}

.content-box .meta-row .username[data-v-abc97d8e] {
    color: #3b76c5;
    margin-right: 10px
}

.content-box .info-row[data-v-abc97d8e] {
    margin: 8px 0 12px
}

.content-box .info-row .title[data-v-abc97d8e] {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.content-box .info-row .desc[data-v-abc97d8e] {
    font-size: 14px;
    margin-top: 10px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.content-box .action-row[data-v-abc97d8e] {
    display: flex;
    justify-content: space-between;
    font-size: 14px
}

.content-box .action-row .action-right[data-v-abc97d8e] {
    display: flex;
    align-items: center
}

.content-box .action-row .action-right .more[data-v-abc97d8e] {
    position: relative;
    display: flex;
    align-items: center
}

.content-box .action-row span[data-v-abc97d8e] {
    margin-right: 10px
}

.more.open .more-list[data-v-abc97d8e] {
    display: block
}

.more-list[data-v-abc97d8e] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 8rem;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.more-list[data-v-abc97d8e]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.more-list .item[data-v-abc97d8e] {
    padding: .5rem .9rem
}

.more-list .item[data-v-abc97d8e]:hover {
    background-color: #f7f8fa
}

.book-list-box[data-v-7c468341],
.collection-list-box[data-v-41e2e20f] {
    background-color: #fff
}

.iconfont[data-v-b69b54ee] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-b69b54ee]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-b69b54ee]:before {
    content: "\e601"
}

.item[data-v-b69b54ee]:not(:last-child) {
    border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.tag-masker[data-v-b69b54ee] {
    display: flex;
    align-items: center;
    height: 7rem;
    padding: 1rem 2.4rem;
    box-sizing: border-box
}

.tag-masker[data-v-b69b54ee]:before {
    content: "";
    background-color: hsla(0, 0%, 94.5%, .3);
    width: 100%;
    height: 40%
}

.tag[data-v-b69b54ee] {
    position: relative;
    box-sizing: border-box
}

.tag[data-v-b69b54ee]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-b69b54ee] {
    display: flex;
    align-items: center;
    padding: .5rem 2.4rem;
    min-height: 7rem
}

.thumb[data-v-b69b54ee] {
    flex: 0 0 auto;
    margin-right: 1.667rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 2px
}

.title[data-v-b69b54ee] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.333rem;
    font-weight: 600;
    color: #2e3135
}

.subscribe-btn[data-v-b69b54ee] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 7.5rem;
    height: 2.5rem;
    font-size: 1rem;
    color: #92c452;
    background-color: #fff;
    border: 1px solid #92c452;
    border-radius: 2px
}

.subscribe-btn[data-v-b69b54ee]:hover {
    opacity: .8
}

.subscribe-btn.active[data-v-b69b54ee] {
    color: #fff;
    background-color: #92c452
}

.iconfont[data-v-0fe6cc89] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0fe6cc89]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0fe6cc89]:before {
    content: "\e601"
}

.item[data-v-0fe6cc89]:not(:last-child) {
    border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.user-masker[data-v-0fe6cc89] {
    display: flex;
    align-items: center;
    height: 7rem;
    padding: 1rem 2.4rem;
    box-sizing: border-box
}

.user-masker[data-v-0fe6cc89]:before {
    content: "";
    background-color: hsla(0, 0%, 94.5%, .3);
    width: 100%;
    height: 40%
}

.user[data-v-0fe6cc89] {
    position: relative;
    box-sizing: border-box
}

.user[data-v-0fe6cc89]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-0fe6cc89] {
    display: flex;
    align-items: center;
    padding: .5rem 2.4rem;
    min-height: 7rem
}

.avatar[data-v-0fe6cc89] {
    flex: 0 0 auto;
    margin-right: 1.667rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.info-box[data-v-0fe6cc89] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .username[data-v-0fe6cc89] {
    font-size: 1.333rem;
    font-weight: 600;
    color: #2e3135
}

.info-box .detail[data-v-0fe6cc89] {
    margin-top: .6rem;
    font-size: 1rem;
    font-weight: 500;
    color: #b9c0c8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.follow-btn[data-v-0fe6cc89] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 7.5rem;
    height: 2.5rem;
    font-size: 1rem;
    color: #92c452;
    background-color: #fff;
    border: 1px solid #92c452;
    border-radius: 2px
}

.follow-btn[data-v-0fe6cc89]:hover {
    opacity: .8
}

.follow-btn.active[data-v-0fe6cc89] {
    color: #fff;
    background-color: #92c452
}

.concern-list-box[data-v-da0f6678] {
    background-color: #fff
}

.iconfont[data-v-7b270ea4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7b270ea4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-7b270ea4]:before {
    content: "\e601"
}

.share-popup[data-v-7b270ea4] {
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: 1rem;
    width: 11rem;
    font-size: 1.167rem;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    z-index: 10
}

.share-popup[data-v-7b270ea4]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.share-popup .share-item[data-v-7b270ea4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .6rem .8rem
}

.share-popup .share-item .icon[data-v-7b270ea4] {
    margin-right: .6rem
}

.share-popup .share-item[data-v-7b270ea4]:hover {
    background-color: #f7f8fa
}

.share-popup .share-item.weibo[data-v-7b270ea4] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.share-popup .share-item.wechat .qr-code-box[data-v-7b270ea4] {
    margin: .8rem .4rem .7rem;
    width: 100%;
    box-sizing: border-box
}

.share-popup .share-item.wechat .qr-code-box .qr-code[data-v-7b270ea4] {
    width: 100%
}

.iconfont[data-v-3dc8d16a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-3dc8d16a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-3dc8d16a]:before {
    content: "\e601"
}

.vote[data-v-3dc8d16a] {
    position: relative;
    padding: 0 0 2rem
}

.like-btn[data-v-3dc8d16a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: .6rem 0;
    width: 3rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #6799cd;
    background-color: rgba(233, 242, 250, .5);
    border-radius: 2px;
    border: none;
    outline: none;
    cursor: pointer
}

.like-btn.liked[data-v-3dc8d16a] {
    color: #fff;
    background-color: #6799cd
}

.like-btn[data-v-3dc8d16a]:hover {
    background-color: #e9f2fa
}

.like-btn .like-count[data-v-3dc8d16a] {
    margin: 0
}

.content-box[data-v-3dc8d16a] {
    margin-left: 4rem
}

.header[data-v-3dc8d16a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .user-info[data-v-3dc8d16a] {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    overflow: hidden
}

.header .user-info .username[data-v-3dc8d16a] {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-right: .6rem
}

.header .user-info .position[data-v-3dc8d16a] {
    font-size: 1rem;
    color: #909090;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px
}

.header .date[data-v-3dc8d16a] {
    margin-left: 2rem;
    color: #909090;
    white-space: nowrap
}

.content[data-v-3dc8d16a] {
    margin: .3rem 0 .5rem;
    font-size: 13px;
    line-height: 1.7;
    color: #333
}

.content .content-html[data-v-3dc8d16a] {
    margin-right: .5em;
    white-space: pre-wrap
}

.content .show-all[data-v-3dc8d16a] {
    color: #6799cd;
    white-space: nowrap;
    cursor: pointer
}

.content .image[data-v-3dc8d16a] {
    display: block;
    margin: .5em 0;
    max-width: 100%;
    cursor: zoom-in
}

.ctrl-box[data-v-3dc8d16a] {
    user-select: none
}

.ctrl-box .ctrl-btn[data-v-3dc8d16a] {
    position: relative;
    margin-right: 15px;
    font-size: 20px;
    color: #909090;
    user-select: none
}

.ctrl-box .ctrl-btn .icon[data-v-3dc8d16a] {
    width: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.ctrl-box .ctrl-btn .title[data-v-3dc8d16a] {
    font-size: 13px
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-3dc8d16a] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-3dc8d16a]:before {
    content: "";
    position: absolute;
    left: 30px;
    border-color: transparent transparent #eaeaea;
    border-style: solid;
    border-width: 0 9px 10px;
    top: 100%
}

.ctrl-box .ctrl-btn .sub-comment--arrow[data-v-3dc8d16a]:after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 31px;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px
}

.item[data-v-0d799dea] {
    position: relative
}

.item:not(:last-of-type):not(.highlight) .vote[data-v-0d799dea] {
    margin-bottom: 2rem
}

.item:not(:last-of-type):not(.highlight) .vote[data-v-0d799dea]:before {
    content: "";
    position: absolute;
    left: 4rem;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #f5f5f5
}

.more[data-v-0d799dea] {
    margin: 1rem 0 2rem
}

.more-link[data-v-0d799dea] {
    display: block;
    padding: 1em;
    font-size: 1.2rem;
    text-align: center;
    color: #6799cd;
    background-color: #f4f8fd;
    border: 1px solid;
    border-radius: 2px
}

.more-link[data-v-0d799dea]:hover {
    color: #007fff
}

@media (min-width:601px) {
    .other-box[data-v-0d799dea] {
        margin-left: 4rem;
        position: relative;
        height: 20px;
        margin-bottom: 25px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .other-box[data-v-0d799dea]:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #f5f5f5
    }

    .other[data-v-0d799dea] {
        position: relative;
        z-index: 2;
        margin: 0 auto;
        background-color: #fff;
        color: #909090;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 13px
    }
}

@media (max-width:600px) {
    .other-box[data-v-0d799dea] {
        height: 40px;
        margin-bottom: 30px
    }

    .other[data-v-0d799dea] {
        padding-top: 6px;
        padding-bottom: 6px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        background: #f8f9fa;
        color: #b4b9c4;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding-left: 15px;
        position: absolute;
        left: 0;
        right: 0
    }
}

.activity-empty[data-v-a8a705da] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #b2bac2
}

.activity-empty .empty-text[data-v-a8a705da] {
    margin-top: 10px
}

.activity-empty .login-button[data-v-a8a705da] {
    margin-top: 14px;
    font-size: 1.166rem;
    color: #027fff;
    width: 6.666rem;
    height: 2.833rem;
    background: transparent;
    border-radius: 2px;
    border: 1px solid #027fff
}

.pin-list[data-v-290c41d8] {
    background: #f4f5f5
}

.pin-list .item[data-v-290c41d8] {
    margin-bottom: 8px
}

.iconfont[data-v-242e7d92] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-242e7d92]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-242e7d92]:before {
    content: "\e601"
}

.user-list[data-v-242e7d92] {
    padding: 8px 0
}

.user-list.two-cols .user-item[data-v-242e7d92] {
    display: inline-block;
    width: 47%
}

.user-list.two-cols .user-item[data-v-242e7d92]:nth-of-type(odd) {
    margin-right: 6%
}

.user[data-v-242e7d92] {
    position: relative;
    box-sizing: border-box;
    min-height: 81px
}

.link[data-v-242e7d92] {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.avatar[data-v-242e7d92] {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.info-box[data-v-242e7d92] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .username[data-v-242e7d92] {
    font-size: 15px;
    color: #17181a
}

.info-box .detail[data-v-242e7d92] {
    margin-top: 2px;
    font-size: 13px;
    color: #8a9aa9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.follow-btn[data-v-242e7d92] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 55px;
    height: 26px;
    font-size: 13px;
    color: #6cbd45;
    background-color: #fff;
    border: 1px solid #6cbd45;
    border-radius: 2px
}

.follow-btn[data-v-242e7d92]:hover {
    opacity: .8
}

.follow-btn.active[data-v-242e7d92] {
    color: #fff;
    background-color: #6cbd45
}

@media (max-width:600px) {
    .user-list.two-cols .user-item[data-v-242e7d92] {
        display: block;
        width: 100%
    }

    .user-list.two-cols .user-item[data-v-242e7d92]:nth-of-type(odd) {
        margin-right: 0
    }
}

.iconfont[data-v-777d1225] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-777d1225]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-777d1225]:before {
    content: "\e601"
}

.user-list[data-v-777d1225] {
    padding: 8px 0
}

.user-list.two-cols .user-item[data-v-777d1225] {
    display: inline-block;
    width: 47%
}

.user-list.two-cols .user-item[data-v-777d1225]:nth-of-type(odd) {
    margin-right: 6%
}

.user[data-v-777d1225] {
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
    min-height: 81px;
    display: flex;
    align-items: center
}

.avatar[data-v-777d1225] {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: #f3f3f3
}

.info-box[data-v-777d1225] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .detail[data-v-777d1225],
.info-box .username[data-v-777d1225] {
    background-color: #f3f3f3;
    border-radius: 2px
}

.info-box .username[data-v-777d1225] {
    width: 80px;
    height: 16px
}

.info-box .detail[data-v-777d1225] {
    margin-top: 6px;
    width: 130px;
    height: 16px
}

@media (max-width:600px) {
    .user-list.two-cols .user-item[data-v-777d1225] {
        display: block;
        width: 100%
    }

    .user-list.two-cols .user-item[data-v-777d1225]:nth-of-type(odd) {
        margin-right: 0
    }
}

.iconfont[data-v-52919703] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-52919703]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-52919703]:before {
    content: "\e601"
}

.user-recommend[data-v-52919703] {
    border-radius: .2rem;
    background-color: #fff;
    margin-bottom: 8px
}

.user-recommend-header[data-v-52919703] {
    padding: 1rem 1.33rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.user-recommend-header span[data-v-52919703]:first-child {
    color: #2e3135;
    font-size: 1.25rem;
    font-weight: 600
}

.user-recommend-body[data-v-52919703] {
    padding: 0 1.33rem;
    min-height: 211px
}

.user-recommend-footer[data-v-52919703] {
    padding: .5rem 0;
    text-align: center;
    border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.user-recommend-footer .refresh[data-v-52919703] {
    padding: .5rem 1rem;
    display: inline-block;
    text-align: center;
    line-height: 1;
    font-size: 1.25rem;
    color: #007fff;
    user-select: none;
    cursor: pointer
}

.user-recommend-footer .refresh-disabled[data-v-52919703] {
    opacity: .5;
    pointer-events: none
}

.user-recommend-footer .refresh span[data-v-52919703] {
    vertical-align: middle
}

.user-recommend-footer .refresh .icon-refresh[data-v-52919703] {
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.3rem;
    background: url(https://b-gold-cdn.xitu.io/v3/static/img/refresh.d4d7d80.svg) center 100% no-repeat;
    transition: .3s ease
}

.iconfont[data-v-f2330888] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-f2330888]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-f2330888]:before {
    content: "\e601"
}

.stream-wrapper[data-v-f2330888] {
    padding-bottom: 60px
}

.pin-editor[data-v-f2330888] {
    margin-bottom: 8px
}

.page-header[data-v-f2330888] {
    transition: top .2s
}

.page-header.sticky[data-v-f2330888] {
    position: fixed;
    top: 61px;
    left: 0;
    width: 100%;
    z-index: 2
}

.page-header.sticky .feed-tip-wrapper[data-v-f2330888],
.page-header.sticky .tab-nav[data-v-f2330888] {
    margin: 0 auto;
    width: 960px
}

.page-header.sticky .feed-tip[data-v-f2330888] {
    width: 570px;
    margin-left: 127px
}

.feed-tip[data-v-f2330888] {
    position: relative;
    width: 100%;
    height: 36px;
    background-color: #e3effa;
    font-size: 14px;
    color: #007fff;
    text-align: center;
    line-height: 36px;
    cursor: pointer
}

.tip-fade-enter-active[data-v-f2330888],
.tip-fade-leave-active[data-v-f2330888] {
    transition: .4s
}

.tip-fade-enter[data-v-f2330888],
.tip-fade-leave-to[data-v-f2330888] {
    margin-top: -36px;
    opacity: 0
}

.recommend-users[data-v-f2330888] {
    margin-top: 8px
}

@media (max-width:980px) {
    .pin-editor[data-v-f2330888] {
        display: none
    }

    .page-header.sticky .feed-tip-wrapper[data-v-f2330888],
    .page-header.sticky .tab-nav[data-v-f2330888] {
        width: 100%
    }

    .page-header.sticky .feed-tip[data-v-f2330888] {
        width: 100%;
        margin-left: 0
    }
}

.iconfont[data-v-567183fc] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-567183fc]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-567183fc]:before {
    content: "\e601"
}

.slider[data-v-567183fc] {
    position: relative;
    height: 12rem;
    background-color: #fff;
    overflow: hidden
}

.slider:hover .ctrl[data-v-567183fc] {
    opacity: 1
}

.list[data-v-567183fc] {
    position: relative;
    height: 100%;
    transition: transform .3s;
    overflow: hidden
}

.list .item[data-v-567183fc] {
    height: 100%;
    float: left
}

.list .item.with-thumb .text-box[data-v-567183fc] {
    padding-left: 1.667rem
}

.list .item .link[data-v-567183fc] {
    display: flex;
    height: 100%;
    border-radius: 2px;
    background-color: transparent
}

.list .item .thumb[data-v-567183fc] {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
    image-rendering: pixelated
}

.ctrl[data-v-567183fc] {
    opacity: 0;
    transition: all .2s;
    z-index: 1
}

.ctrl .btn[data-v-567183fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 4rem;
    height: 100%;
    font-size: 1.8rem;
    color: #000;
    opacity: .15
}

.ctrl .btn[data-v-567183fc]:not(.disabled) {
    cursor: pointer
}

.ctrl .btn[data-v-567183fc]:hover:not(.disabled) {
    opacity: .3
}

.ctrl .btn.prev-btn[data-v-567183fc] {
    left: 0
}

.ctrl .btn.next-btn[data-v-567183fc] {
    right: 0
}

ul.pagination[data-v-567183fc] {
    width: 100%;
    position: absolute;
    bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

ul.pagination li[data-v-567183fc] {
    cursor: pointer;
    margin: 0 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    opacity: .4
}

ul.pagination li.active[data-v-567183fc] {
    opacity: 1
}

.topic-sidebar[data-v-e5b6288e] {
    border-radius: .2rem;
    background-color: #fff;
    margin-bottom: 8px
}

.topic-sidebar .title[data-v-e5b6288e] {
    padding: 1rem 1.33rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-sidebar .title span[data-v-e5b6288e]:first-child {
    color: #2e3135;
    font-size: 1.25rem;
    font-weight: 600
}

.topic-sidebar .title a[data-v-e5b6288e] {
    color: #007fff;
    font-size: 13px
}

.topic-sidebar .title a i[data-v-e5b6288e] {
    margin-left: .3rem
}

.topic-sidebar .content[data-v-e5b6288e] {
    padding: 0 1.33rem 6px
}

.iconfont[data-v-7c7d0d0e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7c7d0d0e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-7c7d0d0e]:before {
    content: "\e601"
}

.profile-box[data-v-7c7d0d0e] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: .2rem;
    margin-bottom: 8px;
    font-size: 13px
}

.profile-box .profile[data-v-7c7d0d0e] {
    display: flex;
    padding: 16px;
    height: 5rem;
    max-height: 92px;
    border-bottom: 1px solid rgba(92, 96, 102, .1)
}

.profile-box .profile .avatar[data-v-7c7d0d0e] {
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.profile-box .profile .user-info[data-v-7c7d0d0e] {
    position: relative;
    margin: 1rem 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.profile-box .profile .user-info .username[data-v-7c7d0d0e] {
    color: #17181a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2
}

.profile-box .profile .user-info .position[data-v-7c7d0d0e] {
    color: #8f969c
}

.profile-box .stat-list[data-v-7c7d0d0e] {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 16.5px 0
}

.profile-box .stat-list .item[data-v-7c7d0d0e] {
    flex: 1 1 33.333%;
    max-height: 2.833rem;
    line-height: 1
}

.profile-box .stat-list .item[data-v-7c7d0d0e]:not(:last-child) {
    border-right: 1px solid rgba(92, 96, 102, .1)
}

.profile-box .stat-list .item .title[data-v-7c7d0d0e] {
    font-size: 13px;
    color: #8a9aa9;
    margin-bottom: .5rem
}

.profile-box .stat-list .item .count[data-v-7c7d0d0e] {
    font-size: 15px;
    font-weight: 600;
    color: #2e3135
}

.pin__side.sticky .sticky-section[data-v-38eded79] {
    opacity: 1;
    z-index: 5;
    pointer-events: all
}

.pin__side.sticky .sticky-section.appHeaderVisible[data-v-38eded79] {
    top: 6.67rem
}

.pin-block[data-v-38eded79] {
    margin-bottom: .67rem
}

[data-v-38eded79] .content.with-picture {
    max-width: 11rem
}

.sticky-section[data-v-38eded79] {
    position: fixed;
    width: 248px;
    top: 8px;
    opacity: 0;
    z-index: -1;
    transition: all .2s;
    pointer-events: none
}

.nav-list[data-v-2392b52c] {
    position: relative
}

.nav-list .nav-item.right[data-v-2392b52c] {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:960px) {
    .nav-list .nav-item[data-v-2392b52c]:first-child {
        padding-left: 2rem
    }
}

.tag-list[data-v-2392b52c] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    height: auto
}

.tag-list.hide[data-v-2392b52c] {
    display: none
}

.fade-enter-active[data-v-2392b52c],
.fade-leave-active[data-v-2392b52c] {
    transition: opacity .5s
}

.fade-enter[data-v-2392b52c],
.fade-leave-to[data-v-2392b52c] {
    opacity: 0
}

@media (max-width:960px) {
    .nav-item.right[data-v-2392b52c] {
        display: none
    }
}

.dock-nav[data-v-0860f299] {
    max-width: 9.33rem;
    border-radius: .2rem;
    background-color: #fff;
    position: fixed;
    top: 6.67rem;
    width: 9.33rem;
    transition: all .2s linear
}

.dock-nav.top[data-v-0860f299] {
    top: .67rem
}

.nav-list[data-v-0860f299] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.33rem 1rem
}

.nav-list .nav-item[data-v-0860f299] {
    height: 2.58rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.16rem;
    color: #2e3135;
    padding: 0 1rem;
    border-radius: .25rem;
    transition: background-color .2s, color .2s
}

.nav-list .nav-item[data-v-0860f299]:not(:first-child) {
    margin-top: .83rem
}

.nav-list .nav-item[data-v-0860f299]:not(.active):hover {
    background-color: hsla(0, 0%, 94.9%, .6)
}

.nav-list .nav-item:not(.active):hover>a[data-v-0860f299] {
    color: #007fff
}

.nav-list .nav-item.active[data-v-0860f299] {
    background-color: #007fff;
    color: #fff
}

.nav-list .nav-item.active>a[data-v-0860f299] {
    color: #fff
}

.nav-list .nav-item[data-v-0860f299]:nth-child(3):before {
    position: absolute;
    bottom: -.5rem;
    content: "";
    width: 7.33rem;
    height: 1px;
    background: rgba(92, 96, 102, .1)
}

.wechat-banner[data-v-6a0788bc] {
    position: relative;
    font-size: 0;
    cursor: pointer
}

.wechat-img[data-v-6a0788bc] {
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

.iconfont[data-v-c77f0384] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c77f0384]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-c77f0384]:before {
    content: "\e601"
}

a[data-v-c77f0384] {
    color: inherit
}

.entry[data-v-c77f0384]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-c77f0384] {
    visibility: visible
}

.content-box[data-v-c77f0384] {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem
}

.info-box[data-v-c77f0384] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0
}

.meta-row[data-v-c77f0384] {
    font-size: 1rem;
    color: #b2bac2
}

.meta-list[data-v-c77f0384] {
    display: flex;
    align-items: baseline;
    white-space: nowrap
}

.meta-list .item[data-v-c77f0384]:not(:last-child):after {
    content: "Â·";
    margin: 0 .4em;
    color: #b2bac2
}

.meta-list .item.recommended[data-v-c77f0384] {
    font-weight: 500;
    color: #f70
}

.meta-list .item.hot[data-v-c77f0384] {
    font-weight: 500;
    color: red
}

.meta-list .item.events[data-v-c77f0384] {
    font-weight: 500;
    color: #033ee8
}

.meta-list .item.post[data-v-c77f0384] {
    font-weight: 500;
    color: #b71ed7
}

.meta-list .item.unparsed[data-v-c77f0384] {
    font-weight: 500;
    color: #007fff
}

.meta-list .item.username[data-v-c77f0384] {
    display: flex;
    align-items: baseline
}

.meta-list .item.tag[data-v-c77f0384] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-c77f0384]:hover {
    color: #007fff
}

.meta-list .item .tag[data-v-c77f0384]:not(:last-child):after {
    content: "/";
    margin: 0 .2em;
    color: #b2bac2
}

.meta-list .item .tag[data-v-c77f0384]:hover {
    color: #007fff
}

.action-list[data-v-c77f0384] {
    display: inline-flex;
    white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-c77f0384] {
    visibility: hidden
}

.action-list>.item[data-v-c77f0384] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 .8rem;
    height: 2rem;
    font-size: 1.083rem;
    line-height: 1;
    white-space: nowrap;
    color: #b2bac2;
    border-radius: 1px;
    border: 1px solid #edeeef;
    background-color: #fff
}

.action-list>.item[data-v-c77f0384]:hover {
    background-color: #f7f8fa
}

@media (max-width:600px) {
    .action-list>.item[data-v-c77f0384] {
        height: 1.5rem;
        font-size: 1rem
    }
}

.action-list>.item.more[data-v-c77f0384] {
    margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-c77f0384] {
    display: block
}

.action-list>.item.more .more-list[data-v-c77f0384] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1rem;
    min-width: 8rem;
    font-size: .9em;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.action-list>.item.more .more-list[data-v-c77f0384]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.action-list>.item.more .more-list .item[data-v-c77f0384] {
    padding: .8rem .9rem
}

.action-list>.item.more .more-list .item[data-v-c77f0384]:hover {
    background-color: #f7f8fa
}

.title-row[data-v-c77f0384] {
    margin: .5rem 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.title[data-v-c77f0384] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135
}

.title[data-v-c77f0384]:hover {
    text-decoration: underline
}

.title[data-v-c77f0384]:visited {
    color: #909090
}

@media (max-width:600px) {
    .title[data-v-c77f0384] {
        font-size: 1.2rem
    }
}

.thumb[data-v-c77f0384] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .thumb[data-v-c77f0384] {
        display: none
    }
}

.iconfont[data-v-39d8025f] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-39d8025f]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-39d8025f]:before {
    content: "\e601"
}

.masker[data-v-39d8025f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    z-index: 500
}

.dialog[data-v-39d8025f] {
    padding: 20px 24px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 380px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
    z-index: 501
}

.dialog-header[data-v-39d8025f] {
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between
}

.dialog-header .title[data-v-39d8025f] {
    font-size: 16px;
    color: #17181a;
    font-weight: 600
}

.dialog-header .header-button[data-v-39d8025f] {
    margin-top: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer
}

.dialog-header .header-button img[data-v-39d8025f] {
    width: 100%
}

.dialog-body[data-v-39d8025f] {
    padding-bottom: 8px;
    font-size: 15px;
    color: #333
}

.dialog-footer[data-v-39d8025f] {
    padding-top: 8px;
    text-align: right
}

.footer-button[data-v-39d8025f] {
    display: inline-block;
    padding: 6px 18px;
    outline: 0;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #909090;
    border: 1px solid #c0c6cc;
    border-radius: 2px;
    background-color: #fff;
    user-select: none;
    cursor: pointer;
    transition: .2s
}

.footer-button.loading[data-v-39d8025f] {
    opacity: .4;
    cursor: default
}

.footer-button[data-v-39d8025f]:hover {
    background-color: #f1f1f1
}

.footer-button.primary[data-v-39d8025f] {
    color: #fff
}

.footer-button.primary.loading[data-v-39d8025f]:hover,
.footer-button.primary[data-v-39d8025f] {
    border-color: #007fff;
    background-color: #007fff
}

.footer-button.primary[data-v-39d8025f]:hover {
    border-color: #0371df;
    background-color: #0371df
}

.masker-fade-enter-active[data-v-39d8025f],
.masker-fade-leave-active[data-v-39d8025f] {
    transition: opacity .3s
}

.masker-fade-enter[data-v-39d8025f],
.masker-fade-leave-to[data-v-39d8025f] {
    opacity: 0
}

.dialog-fade-enter-active[data-v-39d8025f],
.dialog-fade-leave-active[data-v-39d8025f] {
    transition: .3s
}

.dialog-fade-enter[data-v-39d8025f],
.dialog-fade-leave-to[data-v-39d8025f] {
    transform: translate(-50%, -52%);
    opacity: 0
}

@media (max-width:600px) {
    .dialog[data-v-39d8025f] {
        padding: 20px 20px 12px;
        width: 80%;
        transform: translate(-50%, -50%)
    }

    .dialog-header[data-v-39d8025f] {
        display: none
    }

    .dialog .footer-button[data-v-39d8025f] {
        border: 0;
        color: #007fff
    }

    .dialog .footer-button[data-v-39d8025f]:hover {
        background-color: #fff
    }

    .dialog .footer-button.primary[data-v-39d8025f] {
        color: #007fff;
        border-color: none;
        background-color: #fff
    }

    .dialog .footer-button.primary[data-v-39d8025f]:hover {
        border-color: none;
        background-color: #fff
    }

    .dialog button+button[data-v-39d8025f] {
        margin-left: 0
    }
}

.iconfont[data-v-41c3afc3] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-41c3afc3]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-41c3afc3]:before {
    content: "\e601"
}

.report-menu[data-v-41c3afc3] {
    margin-top: 10px
}

.report-menu-item[data-v-41c3afc3] {
    padding: 10px 0;
    display: flex;
    align-items: center;
    cursor: pointer
}

.report-menu-item .radio[data-v-41c3afc3] {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #979797;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    transition: .2s
}

.report-menu-item .radio[data-v-41c3afc3]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    box-shadow: 0 0 3px transparent;
    background-color: #fff;
    transform: scale(.3);
    transition: .3s
}

.report-menu-item .radio.active[data-v-41c3afc3] {
    background-color: #007fff;
    border-color: #007fff
}

.report-menu-item .radio.active[data-v-41c3afc3]:before {
    transform: scale(.8);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.report-menu-item .text[data-v-41c3afc3] {
    margin-left: 10px;
    line-height: 1
}

@media (max-width:600px) {
    .report-menu-item[data-v-41c3afc3] {
        padding: 12px 0
    }

    .report-menu-item .radio[data-v-41c3afc3] {
        width: 16px;
        height: 16px
    }

    .report-menu-item .text[data-v-41c3afc3] {
        margin-left: 12px
    }
}

.iconfont[data-v-78a50454] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-78a50454]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-78a50454]:before {
    content: "\e601"
}

.topic-attender .attender[data-v-78a50454] {
    display: flex;
    flex-direction: column
}

.topic-attender .attender .title[data-v-78a50454] {
    display: flex;
    justify-content: space-between;
    color: #2e3135;
    font-weight: 600;
    font-size: 15px;
    padding: 0 1.5rem;
    line-height: 44px;
    height: 44px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.topic-attender .attender .title span.all[data-v-78a50454] {
    font-size: 13px;
    color: #007fff;
    cursor: pointer;
    font-weight: 400
}

.topic-attender .attender .title span.all i[data-v-78a50454] {
    margin-left: .4rem
}

.topic-attender .attender .content[data-v-78a50454] {
    padding: 8px 0 4px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    background: #fff;
    flex-direction: row;
    flex-wrap: wrap
}

.topic-attender .attender .content .user_box[data-v-78a50454] {
    width: 25%;
    display: flex;
    flex-flow: column;
    background: #fff;
    align-items: center;
    margin: 1rem 0;
    cursor: pointer
}

.topic-attender .attender .content .user_box .user[data-v-78a50454] .user-popover-box {
    display: inline-block;
    width: 3.833rem;
    height: 3.833rem
}

.topic-attender .attender .content .user_box .user .avatar[data-v-78a50454] {
    width: 46px;
    height: 46px;
    border-radius: 36px
}

.topic-attender .attender .content .user_box span[data-v-78a50454] {
    max-width: 5rem;
    display: inline-block;
    padding: .12rem 0;
    color: #333;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.iconfont[data-v-05392283] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-05392283]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-05392283]:before {
    content: "\e601"
}

.topic-box[data-v-05392283] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin-bottom: 8px
}

.topic-box .wallpaper[data-v-05392283] {
    position: relative;
    height: 109px;
    overflow: hidden
}

.topic-box .wallpaper span[data-v-05392283] {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: 120%;
    background-repeat: no-repeat;
    filter: blur(6.3px);
    transform: scale(1.1)
}

.topic-box .content[data-v-05392283] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.topic-box .content .icon[data-v-05392283] {
    filter: none;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    width: 5rem;
    height: 5rem;
    border-radius: 5px;
    margin-left: -32px;
    border: 2px solid hsla(0, 0%, 100%, .6);
    z-index: 1;
    box-sizing: content-box
}

.topic-box .content .icon[data-v-05392283]:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 5rem;
    height: 5rem;
    z-index: -1;
    border-radius: 3px
}

.topic-box .content .icon span[data-v-05392283] {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px
}

.topic-box .content .title[data-v-05392283] {
    font-size: 15px;
    margin-top: 41px;
    text-align: center;
    font-weight: 600;
    color: #17181a
}

.topic-box .content .describe[data-v-05392283] {
    font-size: 13px;
    color: #1a1b1d;
    width: 100%;
    margin-bottom: 12px
}

.topic-box .content .describe .desc-title[data-v-05392283] {
    color: #17181a;
    font-weight: 600;
    font-size: 14px;
    padding: 0 16px
}

.topic-box .content .describe span[data-v-05392283] {
    padding: 0 16px;
    white-space: pre-line;
    display: inline-block
}

.topic-box .content .describe .limit-ctl-box[data-v-05392283] {
    cursor: pointer;
    font-size: 13px;
    color: #027fff;
    padding: 0 16px
}

.topic-box .content button[data-v-05392283] {
    padding: 0;
    width: 6.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    color: #37c701;
    border: 1px solid #37c701;
    font-size: 15px;
    margin: 10px 0 8px
}

.topic-box .content button.followed[data-v-05392283] {
    background: #37c701;
    color: #fff
}

.topic-box .stat-box[data-v-05392283] {
    flex: 1 1 auto;
    display: flex;
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid rgba(92, 96, 102, .1);
    user-select: none
}

.topic-box .stat-box .item[data-v-05392283] {
    flex: 1 1 auto;
    max-height: 2.833rem
}

.topic-box .stat-box .item[data-v-05392283]:not(:last-child) {
    border-right: 1px solid rgba(92, 96, 102, .1)
}

.topic-box .stat-box .item .title[data-v-05392283] {
    padding-top: 6px;
    font-size: 13px;
    color: #8a9aa9
}

.topic-box .stat-box .item .count[data-v-05392283] {
    font-size: 19px;
    font-weight: 600;
    color: #2e3135;
    line-height: .84
}

.iconfont[data-v-97648d42] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-97648d42]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-97648d42]:before {
    content: "\e601"
}

.attender__side[data-v-97648d42] {
    background: #fff
}

.topic-profile[data-v-2a2d1f54] {
    width: 100%;
    background-color: #fff;
    padding: 1.33rem 0
}

.topic-profile em[data-v-2a2d1f54] {
    font-style: normal;
    color: #2e3135;
    font-size: 1.25rem;
    margin-left: .5rem
}

.content[data-v-2a2d1f54] {
    padding: 0 1.33rem;
    display: flex
}

.content .thumb[data-v-2a2d1f54] {
    width: 7.5rem;
    height: 7.5rem;
    display: flex;
    flex-shrink: 0;
    border-radius: .33rem;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.content .info[data-v-2a2d1f54] {
    order: 1;
    display: flex;
    flex-direction: column;
    margin-left: 1rem
}

.content .info h2[data-v-2a2d1f54] {
    margin: 0;
    font-size: 1.33rem
}

.content .info .describe[data-v-2a2d1f54] {
    margin-top: .4rem;
    font-size: 1.08rem;
    overflow: hidden
}

.content .info .limit-ctl-box[data-v-2a2d1f54] {
    cursor: pointer;
    font-size: 1.08rem;
    color: #027fff;
    margin-bottom: .8rem
}

.action[data-v-2a2d1f54] {
    display: flex;
    margin-top: .5rem;
    justify-content: space-between
}

.action .stat[data-v-2a2d1f54] {
    display: flex;
    color: #8a9aa9;
    justify-content: center;
    margin-left: 1.33rem;
    align-items: center;
    font-size: 1.17rem
}

.action .stat span[data-v-2a2d1f54]:nth-child(-n+2) {
    margin-right: 1rem
}

.action button[data-v-2a2d1f54] {
    font-size: 1.08rem;
    min-width: 6rem;
    color: #37c701;
    margin-right: 1.33rem;
    border: 1px solid #37c701;
    background-color: #fff
}

.action button.followed[data-v-2a2d1f54] {
    background-color: #37c701;
    color: #fff
}

.iconfont[data-v-b089a2e8] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-b089a2e8]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-b089a2e8]:before {
    content: "\e601"
}

.topic .topic-view[data-v-b089a2e8] {
    width: 640px;
    max-width: 100%;
    display: flex;
    margin-bottom: 6rem
}

.topic .topic-view .topic-container[data-v-b089a2e8] {
    width: 640px;
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-direction: column
}

.topic .topic-view .topic-container .pin__editor[data-v-b089a2e8] {
    border-radius: 2px;
    width: 100%
}

.topic .topic-view .topic-container .pin__editor[data-v-b089a2e8] .editor .rich-editor {
    min-height: 37px
}

.topic .topic-view .topic-container .mobile-topic-profile[data-v-b089a2e8] {
    display: none
}

.topic .topic-view .topic-container .nav-category[data-v-b089a2e8] {
    position: relative;
    margin: 8px 0;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #fff;
    border-radius: 2px;
    transition: all .2s;
    transform: translateZ(0);
    z-index: 0
}

.topic .topic-view .topic-container .nav-category.auth[data-v-b089a2e8] {
    margin-top: 0
}

.topic .topic-view .topic-container .nav-category .box[data-v-b089a2e8] {
    width: 100%
}

.topic .topic-view .topic-container .nav-category .box .nav-list[data-v-b089a2e8] {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item[data-v-b089a2e8] {
    width: 25%;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.nav-item>a[data-v-b089a2e8]:hover {
    color: #909090
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active>a[data-v-b089a2e8],
.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active>a[data-v-b089a2e8]:hover {
    color: #007fff
}

.topic .topic-view .topic-container .nav-category .box .nav-list .nav-item.active[data-v-b089a2e8]:after {
    content: "";
    width: 3rem;
    height: 3px;
    border-radius: 2px;
    background-color: #007fff;
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -1.5rem
}

.topic .topic-view .topic-container .nav-category.top[data-v-b089a2e8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 1
}

.topic .topic-view .topic-container .nav-category.top .box[data-v-b089a2e8] {
    width: 960px;
    max-width: 100%;
    margin: 0 auto
}

.topic .topic-view .topic-container .nav-category.top .box .nav-list[data-v-b089a2e8] {
    width: 700px;
    max-width: 100%;
    margin-left: 0
}

.topic .topic-view .topic-container .nav-category.top .box .pin-tip[data-v-b089a2e8] {
    width: 700px;
    max-width: 100%
}

.topic .topic-view .pin-content[data-v-b089a2e8] {
    width: 100%
}

.topic .topic-view .pin-content .pin__box[data-v-b089a2e8] {
    border-radius: 2px;
    background: #fff;
    margin-bottom: 1rem
}

.topic .topic__side[data-v-b089a2e8] {
    position: absolute;
    margin-left: 20px;
    width: 300px;
    top: 0;
    right: 0
}

@media (max-width:980px) {
    .topic .main-container .topic-view[data-v-b089a2e8] {
        margin-top: 1.34rem;
        width: 100%
    }

    .topic .main-container .topic-view .topic-container[data-v-b089a2e8] {
        width: 100%
    }

    .topic .main-container .topic-view .topic-container .pin__editor[data-v-b089a2e8] {
        display: none
    }

    .topic .main-container .topic-view .topic-container .mobile-topic-profile[data-v-b089a2e8] {
        display: block
    }

    .topic .main-container .topic-view .topic-container .mobile-topic-profile.auth[data-v-b089a2e8] {
        margin-bottom: 8px
    }

    .topic .main-container .topic-view .topic__side[data-v-b089a2e8] {
        display: none
    }

    .topic .main-container .topic-view .topic__box[data-v-b089a2e8] {
        width: 100%;
        max-width: 960px
    }
}

.iconfont[data-v-25dd901d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-25dd901d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-25dd901d]:before {
    content: "\e601"
}

.main-area[data-v-25dd901d] {
    position: relative;
    margin-bottom: 10rem;
    width: 640px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.main-area[data-v-25dd901d]:after {
    display: table;
    content: "";
    clear: both
}

.main[data-v-6f49c6f7] {
    margin-top: 20px;
    margin-bottom: 6rem;
    display: flex;
    align-items: flex-start
}

.navigator[data-v-6f49c6f7] {
    display: none
}

.dock[data-v-6f49c6f7] {
    width: 112px;
    margin-right: 15px
}

.stream[data-v-6f49c6f7] {
    width: 570px;
    max-width: 100%;
    flex-shrink: 0;
    margin-right: 15px
}

.sidebar[data-v-6f49c6f7] {
    width: 248px;
    flex: 1;
    max-width: 248px
}

@media (max-width:980px) {
    .main[data-v-6f49c6f7] {
        margin-top: 5.17rem;
        overflow: hidden
    }

    .sidebar[data-v-6f49c6f7] {
        display: none
    }

    .stream[data-v-6f49c6f7] {
        width: 100%
    }

    .dock[data-v-6f49c6f7] {
        display: none
    }

    .navigator[data-v-6f49c6f7] {
        display: block
    }
}

.iconfont[data-v-52234764] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-52234764]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-52234764]:before {
    content: "\e601"
}

.catalog-title[data-v-52234764] {
    font-size: 1.167rem;
    color: #000
}

.catalog-body[data-v-52234764] {
    position: relative;
    margin: 6px 0;
    overflow: hidden
}

.catalog-list[data-v-52234764] {
    position: relative
}

.catalog-list[data-v-52234764]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 0;
    width: 2px;
    background-color: #ebedef;
    opacity: .5
}

.catalog-list[data-v-52234764] a {
    color: inherit
}

.catalog-list[data-v-52234764] .sub-list {
    margin: 0;
    padding: 0
}

.catalog-list[data-v-52234764] .item {
    margin: 0;
    padding: 0;
    font-size: 1.167rem;
    font-weight: 400;
    line-height: 1.3;
    color: #333;
    list-style: none
}

.catalog-list[data-v-52234764] .item a {
    display: block;
    position: relative;
    padding: 4px 0 4px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.catalog-list[data-v-52234764] .item a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%
}

.catalog-list[data-v-52234764] .item a:hover {
    background-color: #ebedef
}

.catalog-list[data-v-52234764] .item.d1 {
    font-weight: 600;
    color: #000
}

.catalog-list[data-v-52234764] .item.d1>a {
    margin: 6px 0;
    padding: 4px 0 4px 21px
}

.catalog-list[data-v-52234764] .item.d1>a:before {
    left: 5px;
    margin-top: -3px;
    width: 6px;
    height: 6px
}

.catalog-list[data-v-52234764] .item.d1:first-child>a {
    margin-top: 0
}

.catalog-list[data-v-52234764] .item.d2>a {
    padding-left: 36px
}

.catalog-list[data-v-52234764] .item.d2>a:before {
    left: 24px
}

.catalog-list[data-v-52234764] .item.d3>a {
    padding-left: 51px
}

.catalog-list[data-v-52234764] .item.d3>a:before {
    left: 39px
}

.catalog-list[data-v-52234764] .item.active>a {
    color: #007fff;
    background-color: #ebedef
}

[data-v-4036cc4d] .markdown-body {
    word-break: normal
}

[data-v-4036cc4d] .markdown-body * {
    box-sizing: border-box
}

[data-v-4036cc4d] .markdown-body a {
    color: #0366d6;
    text-decoration: none
}

[data-v-4036cc4d] .markdown-body a:hover {
    text-decoration: underline
}

[data-v-4036cc4d] .markdown-body table {
    border-spacing: 0;
    border-collapse: collapse
}

[data-v-4036cc4d] .markdown-body li {
    list-style: initial
}

[data-v-4036cc4d] .markdown-body code,
[data-v-4036cc4d] .markdown-body pre,
[data-v-4036cc4d] .markdown-body tt {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-size: 12px
}

[data-v-4036cc4d] .markdown-body pre {
    margin-top: 0;
    margin-bottom: 0
}

[data-v-4036cc4d] .markdown-body .pl-c {
    color: #6a737d
}

[data-v-4036cc4d] .markdown-body .pl-c1,
[data-v-4036cc4d] .markdown-body .pl-s .pl-v {
    color: #005cc5
}

[data-v-4036cc4d] .markdown-body .pl-e,
[data-v-4036cc4d] .markdown-body .pl-en {
    color: #6f42c1
}

[data-v-4036cc4d] .markdown-body .pl-s .pl-s1,
[data-v-4036cc4d] .markdown-body .pl-smi {
    color: #24292e
}

[data-v-4036cc4d] .markdown-body .pl-ent {
    color: #22863a
}

[data-v-4036cc4d] .markdown-body .pl-k {
    color: #d73a49
}

[data-v-4036cc4d] .markdown-body .pl-pds,
[data-v-4036cc4d] .markdown-body .pl-s,
[data-v-4036cc4d] .markdown-body .pl-s .pl-pse .pl-s1,
[data-v-4036cc4d] .markdown-body .pl-sr,
[data-v-4036cc4d] .markdown-body .pl-sr .pl-cce,
[data-v-4036cc4d] .markdown-body .pl-sr .pl-sra,
[data-v-4036cc4d] .markdown-body .pl-sr .pl-sre {
    color: #032f62
}

[data-v-4036cc4d] .markdown-body .pl-smw,
[data-v-4036cc4d] .markdown-body .pl-v {
    color: #e36209
}

[data-v-4036cc4d] .markdown-body .pl-bu {
    color: #b31d28
}

[data-v-4036cc4d] .markdown-body .pl-ii {
    color: #fafbfc;
    background-color: #b31d28
}

[data-v-4036cc4d] .markdown-body .pl-c2 {
    color: #fafbfc;
    background-color: #d73a49
}

[data-v-4036cc4d] .markdown-body .pl-c2:before {
    content: "^M"
}

[data-v-4036cc4d] .markdown-body .pl-sr .pl-cce {
    font-weight: 700;
    color: #22863a
}

[data-v-4036cc4d] .markdown-body .pl-ml {
    color: #735c0f
}

[data-v-4036cc4d] .markdown-body .pl-mh,
[data-v-4036cc4d] .markdown-body .pl-mh .pl-en,
[data-v-4036cc4d] .markdown-body .pl-ms {
    font-weight: 700;
    color: #005cc5
}

[data-v-4036cc4d] .markdown-body .pl-mi {
    font-style: italic;
    color: #24292e
}

[data-v-4036cc4d] .markdown-body .pl-mb {
    font-weight: 700;
    color: #24292e
}

[data-v-4036cc4d] .markdown-body .pl-md {
    color: #b31d28;
    background-color: #ffeef0
}

[data-v-4036cc4d] .markdown-body .pl-mi1 {
    color: #22863a;
    background-color: #f0fff4
}

[data-v-4036cc4d] .markdown-body .pl-mc {
    color: #e36209;
    background-color: #ffebda
}

[data-v-4036cc4d] .markdown-body .pl-mi2 {
    color: #f6f8fa;
    background-color: #005cc5
}

[data-v-4036cc4d] .markdown-body .pl-mdr {
    font-weight: 700;
    color: #6f42c1
}

[data-v-4036cc4d] .markdown-body .pl-ba {
    color: #586069
}

[data-v-4036cc4d] .markdown-body .pl-sg {
    color: #959da5
}

[data-v-4036cc4d] .markdown-body .pl-corl {
    text-decoration: underline;
    color: #032f62
}

[data-v-4036cc4d] .markdown-body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

[data-v-4036cc4d] .markdown-body:before {
    display: table;
    content: ""
}

[data-v-4036cc4d] .markdown-body:after {
    display: table;
    clear: both;
    content: ""
}

[data-v-4036cc4d] .markdown-body>:first-child {
    margin-top: 0 !important
}

[data-v-4036cc4d] .markdown-body>:last-child {
    margin-bottom: 0 !important
}

[data-v-4036cc4d] .markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

[data-v-4036cc4d] .markdown-body .absent {
    color: #cb2431
}

[data-v-4036cc4d] .markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

[data-v-4036cc4d] .markdown-body .anchor:focus {
    outline: none
}

[data-v-4036cc4d] .markdown-body blockquote,
[data-v-4036cc4d] .markdown-body dl,
[data-v-4036cc4d] .markdown-body ol,
[data-v-4036cc4d] .markdown-body p,
[data-v-4036cc4d] .markdown-body pre,
[data-v-4036cc4d] .markdown-body table,
[data-v-4036cc4d] .markdown-body ul {
    margin-top: 0;
    margin-bottom: 16px
}

[data-v-4036cc4d] .markdown-body hr {
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e1e4e8;
    border: 0
}

[data-v-4036cc4d] .markdown-body blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: .25em solid #dfe2e5
}

[data-v-4036cc4d] .markdown-body blockquote>:first-child {
    margin-top: 0
}

[data-v-4036cc4d] .markdown-body blockquote>:last-child {
    margin-bottom: 0
}

[data-v-4036cc4d] .markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #444d56;
    vertical-align: middle;
    background-color: #fafbfc;
    border: 1px solid #c6cbd1;
    border-bottom-color: #959da5;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #959da5
}

[data-v-4036cc4d] .markdown-body h1,
[data-v-4036cc4d] .markdown-body h2,
[data-v-4036cc4d] .markdown-body h3,
[data-v-4036cc4d] .markdown-body h4,
[data-v-4036cc4d] .markdown-body h5,
[data-v-4036cc4d] .markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25
}

[data-v-4036cc4d] .markdown-body h1 .octicon-link,
[data-v-4036cc4d] .markdown-body h2 .octicon-link,
[data-v-4036cc4d] .markdown-body h3 .octicon-link,
[data-v-4036cc4d] .markdown-body h4 .octicon-link,
[data-v-4036cc4d] .markdown-body h5 .octicon-link,
[data-v-4036cc4d] .markdown-body h6 .octicon-link {
    color: #1b1f23;
    vertical-align: middle;
    visibility: hidden
}

[data-v-4036cc4d] .markdown-body h1:hover .anchor,
[data-v-4036cc4d] .markdown-body h2:hover .anchor,
[data-v-4036cc4d] .markdown-body h3:hover .anchor,
[data-v-4036cc4d] .markdown-body h4:hover .anchor,
[data-v-4036cc4d] .markdown-body h5:hover .anchor,
[data-v-4036cc4d] .markdown-body h6:hover .anchor {
    text-decoration: none
}

[data-v-4036cc4d] .markdown-body h1:hover .anchor .octicon-link,
[data-v-4036cc4d] .markdown-body h2:hover .anchor .octicon-link,
[data-v-4036cc4d] .markdown-body h3:hover .anchor .octicon-link,
[data-v-4036cc4d] .markdown-body h4:hover .anchor .octicon-link,
[data-v-4036cc4d] .markdown-body h5:hover .anchor .octicon-link,
[data-v-4036cc4d] .markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

[data-v-4036cc4d] .markdown-body h1 code,
[data-v-4036cc4d] .markdown-body h1 tt,
[data-v-4036cc4d] .markdown-body h2 code,
[data-v-4036cc4d] .markdown-body h2 tt,
[data-v-4036cc4d] .markdown-body h3 code,
[data-v-4036cc4d] .markdown-body h3 tt,
[data-v-4036cc4d] .markdown-body h4 code,
[data-v-4036cc4d] .markdown-body h4 tt,
[data-v-4036cc4d] .markdown-body h5 code,
[data-v-4036cc4d] .markdown-body h5 tt,
[data-v-4036cc4d] .markdown-body h6 code,
[data-v-4036cc4d] .markdown-body h6 tt {
    font-size: inherit
}

[data-v-4036cc4d] .markdown-body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid #eaecef
}

[data-v-4036cc4d] .markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid #eaecef
}

[data-v-4036cc4d] .markdown-body h3 {
    font-size: 1.25em
}

[data-v-4036cc4d] .markdown-body h4 {
    font-size: 1em
}

[data-v-4036cc4d] .markdown-body h5 {
    font-size: .875em
}

[data-v-4036cc4d] .markdown-body h6 {
    font-size: .85em;
    color: #6a737d
}

[data-v-4036cc4d] .markdown-body ol,
[data-v-4036cc4d] .markdown-body ul {
    padding-left: 2em
}

[data-v-4036cc4d] .markdown-body ol.no-list,
[data-v-4036cc4d] .markdown-body ul.no-list {
    padding: 0;
    list-style-type: none
}

[data-v-4036cc4d] .markdown-body ol ol,
[data-v-4036cc4d] .markdown-body ol ul,
[data-v-4036cc4d] .markdown-body ul ol,
[data-v-4036cc4d] .markdown-body ul ul {
    margin-top: 0;
    margin-bottom: 0
}

[data-v-4036cc4d] .markdown-body li>p {
    margin-top: 16px
}

[data-v-4036cc4d] .markdown-body li+li {
    margin-top: .25em
}

[data-v-4036cc4d] .markdown-body dl {
    padding: 0
}

[data-v-4036cc4d] .markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 600
}

[data-v-4036cc4d] .markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

[data-v-4036cc4d] .markdown-body table {
    display: block;
    width: 100%;
    overflow: auto
}

[data-v-4036cc4d] .markdown-body table th {
    font-weight: 600
}

[data-v-4036cc4d] .markdown-body table td,
[data-v-4036cc4d] .markdown-body table th {
    padding: 6px 13px;
    border: 1px solid #dfe2e5
}

[data-v-4036cc4d] .markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #c6cbd1
}

[data-v-4036cc4d] .markdown-body table tr:nth-child(2n) {
    background-color: #f6f8fa
}

[data-v-4036cc4d] .markdown-body table img {
    background-color: transparent
}

[data-v-4036cc4d] .markdown-body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff
}

[data-v-4036cc4d] .markdown-body img[align=right] {
    padding-left: 20px
}

[data-v-4036cc4d] .markdown-body img[align=left] {
    padding-right: 20px
}

[data-v-4036cc4d] .markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

[data-v-4036cc4d] .markdown-body span.frame {
    display: block;
    overflow: hidden
}

[data-v-4036cc4d] .markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #dfe2e5
}

[data-v-4036cc4d] .markdown-body span.frame span img {
    display: block;
    float: left
}

[data-v-4036cc4d] .markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #24292e
}

[data-v-4036cc4d] .markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

[data-v-4036cc4d] .markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

[data-v-4036cc4d] .markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center
}

[data-v-4036cc4d] .markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

[data-v-4036cc4d] .markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

[data-v-4036cc4d] .markdown-body span.align-right span img {
    margin: 0;
    text-align: right
}

[data-v-4036cc4d] .markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

[data-v-4036cc4d] .markdown-body span.float-left span {
    margin: 13px 0 0
}

[data-v-4036cc4d] .markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

[data-v-4036cc4d] .markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

[data-v-4036cc4d] .markdown-body code,
[data-v-4036cc4d] .markdown-body tt {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(27, 31, 35, .05);
    border-radius: 3px
}

[data-v-4036cc4d] .markdown-body code:after,
[data-v-4036cc4d] .markdown-body code:before,
[data-v-4036cc4d] .markdown-body tt:after,
[data-v-4036cc4d] .markdown-body tt:before {
    letter-spacing: -.2em;
    content: "\00a0"
}

[data-v-4036cc4d] .markdown-body code br,
[data-v-4036cc4d] .markdown-body tt br {
    display: none
}

[data-v-4036cc4d] .markdown-body del code {
    text-decoration: inherit
}

[data-v-4036cc4d] .markdown-body pre {
    word-wrap: normal
}

[data-v-4036cc4d] .markdown-body pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

[data-v-4036cc4d] .markdown-body .highlight {
    margin-bottom: 16px
}

[data-v-4036cc4d] .markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

[data-v-4036cc4d] .markdown-body .highlight pre,
[data-v-4036cc4d] .markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f8fa;
    border-radius: 3px
}

[data-v-4036cc4d] .markdown-body pre code,
[data-v-4036cc4d] .markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

[data-v-4036cc4d] .markdown-body pre code:after,
[data-v-4036cc4d] .markdown-body pre code:before,
[data-v-4036cc4d] .markdown-body pre tt:after,
[data-v-4036cc4d] .markdown-body pre tt:before {
    content: normal
}

[data-v-4036cc4d] .markdown-body .csv-data td,
[data-v-4036cc4d] .markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

[data-v-4036cc4d] .markdown-body .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: #fff;
    border: 0
}

[data-v-4036cc4d] .markdown-body .csv-data tr {
    border-top: 0
}

[data-v-4036cc4d] .markdown-body .csv-data th {
    font-weight: 600;
    background: #f6f8fa;
    border-top: 0
}

.iconfont[data-v-4036cc4d] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4036cc4d]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4036cc4d]:before {
    content: "\e601"
}

.content-block[data-v-4036cc4d] {
    margin-top: 1.5rem;
    background-color: #fff;
    border-radius: 2px
}

.content-block>.title-box[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    height: 3.6rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .2)
}

.content-block>.title-box>.link[data-v-4036cc4d] {
    flex: 1 1 auto;
    width: 0
}

.content-block>.title-box .title[data-v-4036cc4d] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-block>.footer-box[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    height: 3.6rem;
    border-top: 1px solid hsla(0, 0%, 59.2%, .2)
}

.content-block>.footer-box .text[data-v-4036cc4d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-block[data-v-4036cc4d] {
    padding: 2.5rem 2.5rem 1.5rem
}

.header-block:hover .repo-btn.report-btn[data-v-4036cc4d] {
    display: inline-block
}

@media (max-width:600px) {
    .header-block[data-v-4036cc4d] {
        padding: 1.3rem
    }
}

.header-block .repo-title[data-v-4036cc4d] {
    margin: .3rem 0 1.5rem;
    font-size: 2.667rem;
    font-weight: 400;
    line-height: 1.2;
    color: #000
}

@media (max-width:600px) {
    .header-block .repo-title[data-v-4036cc4d] {
        font-size: 2rem;
        line-height: 1.2
    }
}

.header-block .repo-title .link[data-v-4036cc4d] {
    color: inherit
}

.header-block .repo-title .link[data-v-4036cc4d]:hover {
    text-decoration: underline
}

.header-block .repo-title .link .name[data-v-4036cc4d] {
    font-weight: 600
}

.header-block .repo-title .trans-btn[data-v-4036cc4d] {
    margin-left: 1rem;
    font-size: 1.167rem;
    vertical-align: middle;
    color: #bebfc2;
    white-space: nowrap
}

.header-block .repo-title .trans-btn[data-v-4036cc4d]:hover {
    color: #999
}

.header-block .repo-title .trans-btn .icon[data-v-4036cc4d] {
    margin-right: .5rem
}

.header-block .repo-desc[data-v-4036cc4d] {
    margin: 0 0 2rem;
    font-size: 1.334rem;
    line-height: 1.4;
    white-space: pre-wrap;
    color: #000
}

.header-block .action-box[data-v-4036cc4d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header-block .repo-btn-box[data-v-4036cc4d] {
    display: flex;
    flex-wrap: wrap;
    margin-right: 2rem
}

.header-block .repo-btn[data-v-4036cc4d] {
    flex: 0 0 auto;
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    color: #23292e;
    background-color: #fff;
    border: 1px solid #ccced0;
    border-radius: 3px;
    overflow: hidden
}

.header-block .repo-btn[data-v-4036cc4d]:not(:last-child) {
    margin-right: .8rem
}

.header-block .repo-btn:hover .title-box[data-v-4036cc4d] {
    background-color: #e6ebf1
}

.header-block .repo-btn.report-btn[data-v-4036cc4d] {
    padding: 0 .5rem;
    font-size: 1.167rem;
    font-weight: 400;
    color: #bebfc2;
    background-color: transparent;
    border: none;
    display: none
}

.header-block .repo-btn.report-btn[data-v-4036cc4d]:hover {
    color: #999
}

.header-block .repo-btn .box[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    height: 2.3rem;
    padding: 0 .8em
}

.header-block .repo-btn .box .icon[data-v-4036cc4d] {
    fill: currentColor
}

.header-block .repo-btn .box .icon~.title[data-v-4036cc4d] {
    margin-left: .5em
}

.header-block .repo-btn .title-box[data-v-4036cc4d] {
    float: left;
    background-color: #eff4f7;
    border-radius: 3px 0 0 3px
}

.header-block .repo-btn .count-box[data-v-4036cc4d] {
    border-left: 1px solid #ccced0
}

.header-block .link-btn[data-v-4036cc4d] {
    color: #fff;
    background-color: #007fff;
    border-color: #007fff
}

.header-block .link-btn:hover .title-box[data-v-4036cc4d] {
    background-color: #006fef
}

.header-block .link-btn .title-box[data-v-4036cc4d] {
    background-color: transparent
}

.header-block .tran-box[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.167rem;
    color: #2e3135
}

.header-block .tran-box .title[data-v-4036cc4d] {
    margin-right: .5rem
}

.header-block .tran-box .avatar-box[data-v-4036cc4d]:not(:last-child) {
    margin-right: .3rem
}

.header-block .tran-box .avatar[data-v-4036cc4d] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.right-block-box[data-v-4036cc4d] {
    float: right;
    width: 18.334rem;
    font-size: 1.167rem;
    color: #000
}

@media (max-width:600px) {
    .right-block-box[data-v-4036cc4d] {
        float: none;
        width: auto
    }
}

.meta-block .title-box[data-v-4036cc4d] {
    padding: 0 1.3rem
}

.meta-block .title-box .avatar[data-v-4036cc4d] {
    flex: 0 0 auto;
    margin-right: .5rem;
    width: 1.833rem;
    height: 1.833rem;
    border-radius: 3px
}

.meta-block .body-box[data-v-4036cc4d] {
    padding: .8rem 1.3rem
}

.meta-block .body-box .item[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    min-height: 2rem
}

.meta-block .body-box .item .icon[data-v-4036cc4d] {
    flex: 0 0 auto;
    margin: .1rem .5rem 0 0
}

.meta-block .footer-box[data-v-4036cc4d] {
    padding: 0 1.3rem;
    color: #2e3135
}

.meta-block .footer-box .icon[data-v-4036cc4d] {
    flex: 0 0 auto;
    margin-right: .5rem
}

.meta-block .footer-box .link[data-v-4036cc4d] {
    color: inherit
}

.lang-block .title-box[data-v-4036cc4d] {
    padding: 0 1.3rem
}

.lang-block .body-box[data-v-4036cc4d] {
    padding: .8rem 1.3rem
}

.lang-block .body-box .item[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    min-height: 2rem
}

.lang-block .body-box .item .dot[data-v-4036cc4d] {
    flex: 0 0 auto;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: #000
}

.lang-block .body-box .item .lang[data-v-4036cc4d] {
    max-width: 9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lang-block .body-box .item .prop[data-v-4036cc4d] {
    margin-left: .5em;
    color: #999
}

.miner-block .body-box[data-v-4036cc4d] {
    padding: 1rem 1.3rem
}

.miner-block .body-box .icon[data-v-4036cc4d] {
    margin-right: .6rem;
    color: red
}

.miner-block .body-box .text[data-v-4036cc4d] {
    margin: 0;
    color: #000
}

.catalog-block[data-v-4036cc4d] {
    width: 18.334rem;
    background-color: transparent
}

@media (max-width:600px) {
    .catalog-block[data-v-4036cc4d] {
        display: none
    }
}

.catalog-block.sticky[data-v-4036cc4d] {
    position: fixed;
    top: 5rem;
    transition: all .2s
}

.catalog-block.sticky.top[data-v-4036cc4d] {
    top: 0
}

.comment-block[data-v-4036cc4d],
.readme-block[data-v-4036cc4d] {
    margin-right: 19.834rem
}

@media (max-width:600px) {

    .comment-block[data-v-4036cc4d],
    .readme-block[data-v-4036cc4d] {
        margin-right: 0
    }
}

.comment-block .title-box[data-v-4036cc4d],
.readme-block .title-box[data-v-4036cc4d] {
    padding: 0 2.5rem
}

@media (max-width:600px) {

    .comment-block .title-box[data-v-4036cc4d],
    .readme-block .title-box[data-v-4036cc4d] {
        padding: 0 1.3rem
    }
}

.comment-block .title-box .icon[data-v-4036cc4d],
.readme-block .title-box .icon[data-v-4036cc4d] {
    margin-right: .3rem
}

.readme-block[data-v-4036cc4d] {
    position: relative;
    max-height: 200rem;
    max-height: 150vh;
    overflow: hidden
}

.readme-block.extended[data-v-4036cc4d] {
    max-height: none
}

.readme-block .readme-content-wrap[data-v-4036cc4d] {
    position: relative;
    padding: 2.5rem
}

@media (max-width:600px) {
    .readme-block .readme-content-wrap[data-v-4036cc4d] {
        padding: 1.3rem
    }
}

.readme-block .readme-empty[data-v-4036cc4d] {
    padding: 2.5rem;
    font-size: 1.167rem;
    text-align: center;
    color: #999
}

.readme-block .readme-empty[data-v-4036cc4d]:before {
    content: "æ— å†…å®¹"
}

@media (max-width:600px) {
    .readme-block .readme-empty[data-v-4036cc4d] {
        padding: 1.3rem
    }
}

.readme-block .extend-box[data-v-4036cc4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10rem;
    background-image: linear-gradient(transparent, #fff 30%);
    z-index: 1
}

.readme-block .extend-box .extend-btn[data-v-4036cc4d] {
    margin-top: 1.5rem;
    padding: .5rem 2rem;
    color: #007fff;
    background-color: transparent;
    border: 1px solid;
    border-radius: 4px
}

.readme-block .extend-box .extend-btn[data-v-4036cc4d]:hover {
    color: #669fff
}

.comment-block[data-v-4036cc4d] {
    margin-bottom: 4rem
}

.comment-block .comment-box[data-v-4036cc4d] {
    padding: 2.5rem
}

@media (max-width:600px) {
    .comment-block .comment-box[data-v-4036cc4d] {
        padding: 1.3rem
    }
}

.comment-block .comment-box .comment-form[data-v-4036cc4d] {
    margin-bottom: 2rem
}

.href[data-v-68807ab0] {
    cursor: pointer
}

.context-box[data-v-68807ab0] {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem;
    min-width: 0
}

.context-box .info-box[data-v-68807ab0] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.context-box .info-box .meta-row .meta-list[data-v-68807ab0] {
    font-size: 12px;
    color: #b2bac2;
    display: flex;
    align-items: baseline;
    white-space: nowrap
}

.context-box .info-box .meta-row .meta-list .tag[data-v-68807ab0] {
    border-radius: 2px;
    border: 1px solid #b2bac2;
    margin-left: -2px;
    margin-right: 10px;
    padding: 1px 5px;
    -webkit-transform: scale(.8)
}

.context-box .info-box .meta-row .meta-list .username[data-v-68807ab0]:after {
    content: "Â·";
    margin: 0 .4em;
    color: #b2bac2
}

.context-box .info-box .info-row[data-v-68807ab0] {
    max-width: 568px
}

.context-box .info-box .info-row .title[data-v-68807ab0] {
    margin: .5rem 0 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.context-box .info-box .info-row .description[data-v-68807ab0] {
    font-size: 13px;
    color: #b2bac2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.context-box .thumb[data-v-68807ab0] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .context-box .thumb[data-v-68807ab0] {
        display: none
    }

    .context-box .info-box .info-row .description[data-v-68807ab0],
    .context-box .info-box .info-row[data-v-68807ab0] {
        max-width: 350px;
        max-width: 85vw
    }
}

.collect-popup-box[data-v-541f2331] {
    color: #000;
    cursor: default;
    z-index: 50
}

.mask[data-v-541f2331] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.collect-popup[data-v-541f2331] {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1rem 0 2rem;
    width: 28rem;
    background-color: #fff;
    border: 1px solid #eceeef;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    transform: translate(-50%);
    z-index: 10
}

.collect-popup[data-v-541f2331]:after {
    content: "";
    position: absolute;
    top: -.5rem;
    left: 50%;
    margin-left: -.5rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: 1px solid #eceeef;
    border-right: none;
    border-bottom: none;
    transform: rotate(45deg)
}

.collect-popup.right[data-v-541f2331] {
    top: 0;
    left: 100%;
    margin: 0 0 0 1rem;
    transform: translate(0)
}

.collect-popup.right[data-v-541f2331]:after {
    display: none
}

.collect-popup>.title[data-v-541f2331] {
    font-size: 1.167rem;
    font-weight: 700;
    line-height: 3;
    text-align: center
}

.collection-list[data-v-541f2331] {
    height: 10rem;
    border: 1px solid #eceeef;
    border-right: none;
    border-left: none;
    overflow-y: auto
}

.collection-list .item[data-v-541f2331] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    cursor: pointer
}

.collection-list .item[data-v-541f2331]:hover {
    background-color: #f8f9fa
}

.collection-list .item:hover .collect-btn[data-v-541f2331] {
    display: block
}

.collection-list .item .item-block[data-v-541f2331] {
    display: flex;
    align-items: center
}

.collection-list .item .thumb[data-v-541f2331] {
    width: 2.167rem;
    height: 2.167rem;
    border-radius: 2px
}

.collection-list .item .title[data-v-541f2331] {
    margin: 0 1rem;
    max-width: 16rem;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.collection-list .entry-count[data-v-541f2331] {
    padding: .3em .5em;
    line-height: 1;
    text-align: center;
    color: #b9bec2;
    background-color: #f2f2f2;
    border-radius: 50%
}

.collection-list .collect-icon[data-v-541f2331] {
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect.bfe0868.svg);
    display: none
}

.collection-list .collect-icon.collected[data-v-541f2331] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collected.eb270c8.svg)
}

.collection-list .empty[data-v-541f2331] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #b9bec2
}

.collection-list .empty .empty-icon[data-v-541f2331] {
    margin-bottom: 1rem
}

.action-box[data-v-541f2331] {
    display: flex;
    position: relative;
    padding: 0 1rem;
    height: 3.334rem
}

.action-box .new-btn[data-v-541f2331] {
    padding: 0;
    width: 100%;
    height: 100%;
    color: #d2d2d2;
    text-align: left;
    background-color: transparent;
    box-sizing: border-box
}

.action-box .new-btn[data-v-541f2331]:hover {
    color: #007fff
}

.action-box .new-form[data-v-541f2331] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.action-box .new-form .title-input[data-v-541f2331] {
    flex: 1 1 auto;
    border: none;
    outline: none
}

.action-box .new-form .submit-btn[data-v-541f2331] {
    margin: 0 0 0 1rem;
    padding: .5rem 1rem;
    line-height: 1;
    color: #007fff;
    background-color: #fff;
    border: 1px solid;
    border-radius: 2px;
    white-space: nowrap
}

.action-box .new-form .submit-btn[data-v-541f2331]:disabled {
    color: #d2d2d2
}

.iconfont[data-v-364615da] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-364615da]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-364615da]:before {
    content: "\e601"
}

a[data-v-364615da] {
    color: inherit
}

.entry[data-v-364615da]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-364615da] {
    visibility: visible
}

.content-box[data-v-364615da] {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem
}

.info-box[data-v-364615da] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0
}

.meta-row[data-v-364615da] {
    font-size: 1rem;
    color: #b2bac2
}

.meta-list[data-v-364615da] {
    display: flex;
    align-items: baseline;
    white-space: nowrap
}

.meta-list .item[data-v-364615da]:not(:last-child):after {
    content: "Â·";
    margin: 0 .4em;
    color: #b2bac2
}

.meta-list .item.recommended[data-v-364615da] {
    font-weight: 500;
    color: #f70
}

.meta-list .item.hot[data-v-364615da] {
    font-weight: 500;
    color: red
}

.meta-list .item.post[data-v-364615da] {
    font-weight: 500;
    color: #b71ed7
}

.meta-list .item.unparsed[data-v-364615da] {
    font-weight: 500;
    color: #007fff
}

.meta-list .item.username[data-v-364615da] {
    display: flex;
    align-items: baseline
}

.meta-list .item.tag[data-v-364615da] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-364615da]:hover {
    color: #007fff
}

.meta-list .item .tag[data-v-364615da]:not(:last-child):after {
    content: "/";
    margin: 0 .2em;
    color: #b2bac2
}

.meta-list .item .tag[data-v-364615da]:hover {
    color: #007fff
}

.action-list[data-v-364615da] {
    display: inline-flex;
    white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-364615da] {
    visibility: hidden
}

.action-list>.item[data-v-364615da] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 .8rem;
    height: 2rem;
    font-size: 1.083rem;
    line-height: 1;
    white-space: nowrap;
    color: #b2bac2;
    border-radius: 1px;
    border: 1px solid #edeeef
}

@media (max-width:600px) {
    .action-list>.item[data-v-364615da] {
        height: 1.5rem;
        font-size: 1rem
    }
}

.action-list>.item .title-box[data-v-364615da] {
    display: flex;
    align-items: center;
    padding: 0 .8rem;
    height: 100%
}

.action-list>.item.like[data-v-364615da] {
    padding: 0
}

.action-list>.item.like.liked[data-v-364615da] {
    color: #1dc400
}

.action-list>.item.like .count.active[data-v-364615da] {
    color: #6cbd45
}

.action-list>.item.comment[data-v-364615da] {
    margin-left: -1px;
    padding: 0
}

.action-list>.item.share[data-v-364615da] {
    margin-left: .8rem
}

.action-list>.item.share.active .share-panel[data-v-364615da] {
    display: block
}

.action-list>.item.share .share-panel[data-v-364615da] {
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: 1rem;
    width: 11rem;
    font-size: 1.167rem;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.action-list>.item.share .share-panel[data-v-364615da]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.action-list>.item.share .share-panel .share-item[data-v-364615da] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .6rem .8rem
}

.action-list>.item.share .share-panel .share-item .icon[data-v-364615da] {
    margin-right: .6rem
}

.action-list>.item.share .share-panel .share-item[data-v-364615da]:hover {
    background-color: #f7f8fa
}

.action-list>.item.share .share-panel .share-item.weibo[data-v-364615da] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box[data-v-364615da] {
    margin: .8rem .4rem .7rem;
    width: 100%;
    box-sizing: border-box
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-364615da] {
    width: 100%;
    image-rendering: pixelated
}

.action-list>.item.collect[data-v-364615da] {
    margin-left: -1px;
    z-index: 1
}

.action-list>.item.more[data-v-364615da] {
    margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-364615da] {
    display: block
}

.action-list>.item.more .more-list[data-v-364615da] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1rem;
    min-width: 8rem;
    font-size: .9em;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.action-list>.item.more .more-list[data-v-364615da]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.action-list>.item.more .more-list .item[data-v-364615da] {
    padding: .8rem .9rem
}

.action-list>.item.clickable[data-v-364615da]:hover,
.action-list>.item.more .more-list .item[data-v-364615da]:hover {
    background-color: #f7f8fa
}

.action-list>.item .count[data-v-364615da] {
    color: #b2bac2;
    margin-left: .2em;
    font-weight: 700
}

.title-row[data-v-364615da] {
    margin: .5rem 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.abstract-row[data-v-364615da] {
    margin-bottom: 1rem;
    font-size: 1.08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.abstract-row .abstract[data-v-364615da] {
    color: #5b6169
}

.abstract-row .abstract[data-v-364615da]:visited {
    color: #909090
}

.abstract-row .abstract span[data-v-364615da] {
    display: inline-block;
    width: 100%
}

.title[data-v-364615da] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135
}

.title[data-v-364615da]:hover {
    text-decoration: underline
}

.title[data-v-364615da]:visited {
    color: #909090
}

@media (max-width:600px) {
    .title[data-v-364615da] {
        font-size: 1.2rem
    }
}

.thumb[data-v-364615da] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .thumb[data-v-364615da] {
        display: none
    }
}

.abstract-row[data-v-364615da] em,
.title-row[data-v-364615da] em {
    font-style: normal;
    color: #e8001c
}

.iconfont[data-v-039d7076] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-039d7076]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-039d7076]:before {
    content: "\e601"
}

a[data-v-039d7076] {
    color: inherit
}

.column-entry:hover .action-row .action-list .action.hover[data-v-039d7076] {
    display: flex
}

.user-info-row[data-v-039d7076] {
    display: flex;
    align-items: center;
    font-size: 1.16rem;
    padding: .3rem 0 1.3rem;
    color: #8b8b8b
}

.user-info-row .user-info[data-v-039d7076] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.user-info-row .user-info .avatar[data-v-039d7076] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    margin-right: 1rem
}

.user-info-row .user-info .username[data-v-039d7076]:after {
    content: "Â·";
    margin: 0 .5rem;
    display: inline-block
}

.thumb-row[data-v-039d7076] {
    position: relative;
    padding-top: 33.4%;
    margin-bottom: 2rem
}

.thumb-row .thumb[data-v-039d7076] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 50%/cover;
    background-color: #f8f9fa;
    cursor: pointer;
    border-radius: 3px
}

.abstract-row[data-v-039d7076] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.abstract-row .title[data-v-039d7076] {
    width: 100%;
    margin-bottom: .8rem;
    font-size: 2rem;
    color: #000;
    line-height: 1.3;
    font-weight: 600;
    word-break: break-word;
    word-wrap: break-word;
    letter-spacing: .04rem
}

.abstract-row .title[data-v-039d7076]:hover {
    color: #007fff
}

.abstract-row .title[data-v-039d7076]:visited {
    color: #909090
}

.abstract-row .abstract[data-v-039d7076] {
    width: 100%;
    max-height: 7.800000000000001rem;
    line-height: 1.5;
    letter-spacing: .02rem;
    color: #8b8b8b;
    cursor: pointer;
    overflow: hidden;
    font-size: 1.3rem
}

.abstract-row .abstract.with-thumb[data-v-039d7076] {
    max-height: 1.95rem
}

.action-row[data-v-039d7076] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    color: rgba(24, 37, 50, .3)
}

.action-row .action-list .action[data-v-039d7076],
.action-row .action-list[data-v-039d7076] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.action-row .action-list .action[data-v-039d7076] {
    cursor: pointer;
    padding: 0 1rem;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    border: 1px solid #f1f1f1;
    border-radius: 1px;
    background-color: #fff;
    transition: color, border-color, background-color .3s
}

.action-row .action-list .action .icon[data-v-039d7076] {
    font-size: 1.2rem
}

.action-row .action-list .action .count[data-v-039d7076] {
    margin-left: .3rem;
    font-weight: 700
}

.action-row .action-list .action .count.active[data-v-039d7076] {
    color: #6cbd45
}

.action-row .action-list .action.comment[data-v-039d7076] {
    margin-left: -1px
}

.action-row .action-list .action.clickable[data-v-039d7076]:not(.active):hover {
    color: #9f9f9f;
    background-color: hsla(0, 0%, 94.5%, .3)
}

.action-row .action-list .action.clickable.active[data-v-039d7076]:hover {
    border-color: #76b433;
    background-color: #76b433
}

.action-row .action-list .action.hover[data-v-039d7076]:not(.active) {
    display: none
}

.action-row .action-list .action.collect[data-v-039d7076] {
    position: relative;
    margin-left: .8rem
}

.action-row .action-list .action.collect .icon[data-v-039d7076] {
    margin-right: .5rem
}

.entry-action-box[data-v-039d7076] {
    display: flex;
    align-items: center
}

.read-action[data-v-039d7076] {
    margin-left: 2rem;
    position: relative
}

.read-action .icon[data-v-039d7076] {
    font-size: 2rem;
    cursor: pointer
}

.read-action[data-v-039d7076]:hover {
    color: #8b8b8b
}

.more-action-list[data-v-039d7076] {
    position: absolute;
    padding: 1rem 0;
    right: -2.5rem;
    top: -.6rem;
    min-width: 10rem;
    white-space: nowrap;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    box-shadow: 0 1px 2px 1px hsla(0, 0%, 94.5%, .5);
    transform: translateY(-100%)
}

.more-action-list[data-v-039d7076]:after {
    content: "";
    position: absolute;
    top: 98%;
    right: 3.2rem;
    width: .93rem;
    height: .93rem;
    background-color: #fff;
    box-shadow: 2px 2px 1px 0 hsla(0, 0%, 94.5%, .8);
    transform: rotate(45deg) translateY(-50%)
}

.more-action-list .more-action-item[data-v-039d7076] {
    padding: .6rem 2rem;
    color: #8b8b8b;
    cursor: pointer
}

.more-action-list .more-action-item[data-v-039d7076]:hover {
    background-color: #f8f9fa
}

.more-action-list .more-action-item a[data-v-039d7076] {
    color: #8b8b8b
}

.iconfont[data-v-0536b760] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0536b760]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0536b760]:before {
    content: "\e601"
}

.column-entry-masker[data-v-0536b760] {
    display: flex;
    flex-direction: column;
    position: relative;
    border-bottom: 1px solid hsla(0, 0%, 94.5%, .5);
    user-select: none
}

.info-row[data-v-0536b760] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.6rem 0;
    min-width: 0
}

.user-meta-row[data-v-0536b760] {
    padding-top: 0
}

.user-meta-row .user-avatar[data-v-0536b760] {
    margin-right: 1rem;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.user-meta-row .username[data-v-0536b760] {
    width: 10.7rem;
    height: 1.2rem
}

.screenshot-row[data-v-0536b760] {
    padding-top: 30%
}

.entry-abstract-row[data-v-0536b760] {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0
}

.entry-abstract-row .entry-title[data-v-0536b760] {
    margin-bottom: 1.3rem;
    width: 100%;
    height: 3rem
}

.entry-abstract-row .entry-description[data-v-0536b760] {
    width: 100%;
    height: 1.73rem
}

.masker[data-v-0536b760] {
    border-color: hsla(0, 0%, 94.5%, .1);
    background-color: hsla(0, 0%, 94.5%, .3)
}

.item[data-v-848d8d86] {
    padding: 2.5rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.empty[data-v-848d8d86] {
    padding: 2rem 0;
    width: 100%;
    font-size: 1.2rem;
    text-align: center
}

.iconfont[data-v-4d76cd68] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4d76cd68]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4d76cd68]:before {
    content: "\e601"
}

a[data-v-4d76cd68] {
    color: inherit
}

.entry[data-v-4d76cd68]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.entry:hover .action-list>.item.hover[data-v-4d76cd68] {
    visibility: visible
}

.content-box[data-v-4d76cd68] {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem
}

.info-box[data-v-4d76cd68] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0
}

.meta-row[data-v-4d76cd68] {
    font-size: 1rem;
    color: #b2bac2
}

.meta-list[data-v-4d76cd68] {
    display: flex;
    align-items: baseline;
    white-space: nowrap
}

.meta-list .item[data-v-4d76cd68]:not(:last-child):after {
    content: "Â·";
    margin: 0 .4em;
    color: #b2bac2
}

.meta-list .item.recommended[data-v-4d76cd68] {
    font-weight: 500;
    color: #f70
}

.meta-list .item.hot[data-v-4d76cd68] {
    font-weight: 500;
    color: red
}

.meta-list .item.post[data-v-4d76cd68] {
    font-weight: 500;
    color: #b71ed7
}

.meta-list .item.unparsed[data-v-4d76cd68] {
    font-weight: 500;
    color: #007fff
}

.meta-list .item.username[data-v-4d76cd68] {
    display: flex;
    align-items: baseline
}

.meta-list .item.tag[data-v-4d76cd68] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.meta-list .item.clickable[data-v-4d76cd68]:hover {
    color: #007fff
}

.meta-list .item .tag[data-v-4d76cd68]:not(:last-child):after {
    content: "/";
    margin: 0 .2em;
    color: #b2bac2
}

.meta-list .item .tag[data-v-4d76cd68]:hover {
    color: #007fff
}

.action-list[data-v-4d76cd68] {
    display: inline-flex;
    white-space: nowrap
}

.action-list:not(.active)>.item.hover[data-v-4d76cd68] {
    visibility: hidden
}

.action-list>.item[data-v-4d76cd68] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 .8rem;
    height: 2rem;
    font-size: 1.083rem;
    line-height: 1;
    white-space: nowrap;
    color: #b2bac2;
    border-radius: 1px;
    border: 1px solid #edeeef
}

@media (max-width:600px) {
    .action-list>.item[data-v-4d76cd68] {
        height: 1.5rem;
        font-size: 1rem
    }
}

.action-list>.item .title-box[data-v-4d76cd68] {
    display: flex;
    align-items: center;
    padding: 0 .8rem;
    height: 100%
}

.action-list>.item.like[data-v-4d76cd68] {
    padding: 0
}

.action-list>.item.like.liked[data-v-4d76cd68] {
    color: #1dc400
}

.action-list>.item.like .count.active[data-v-4d76cd68] {
    color: #6cbd45
}

.action-list>.item.comment[data-v-4d76cd68] {
    margin-left: -1px;
    padding: 0
}

.action-list>.item.share[data-v-4d76cd68] {
    margin-left: .8rem
}

.action-list>.item.share.active .share-panel[data-v-4d76cd68] {
    display: block
}

.action-list>.item.share .share-panel[data-v-4d76cd68] {
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: 1rem;
    width: 11rem;
    font-size: 1.167rem;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.action-list>.item.share .share-panel[data-v-4d76cd68]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.action-list>.item.share .share-panel .share-item[data-v-4d76cd68] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .6rem .8rem
}

.action-list>.item.share .share-panel .share-item .icon[data-v-4d76cd68] {
    margin-right: .6rem
}

.action-list>.item.share .share-panel .share-item[data-v-4d76cd68]:hover {
    background-color: #f7f8fa
}

.action-list>.item.share .share-panel .share-item.weibo[data-v-4d76cd68] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box[data-v-4d76cd68] {
    margin: .8rem .4rem .7rem;
    width: 100%;
    box-sizing: border-box
}

.action-list>.item.share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-4d76cd68] {
    width: 100%;
    image-rendering: pixelated
}

.action-list>.item.share.close[data-v-4d76cd68] {
    margin-left: -1px
}

.action-list>.item.collect[data-v-4d76cd68] {
    margin-left: -1px;
    z-index: 1
}

.action-list>.item.more[data-v-4d76cd68] {
    margin-left: -1px
}

.action-list>.item.more.active .more-list[data-v-4d76cd68] {
    display: block
}

.action-list>.item.more .more-list[data-v-4d76cd68] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1rem;
    min-width: 8rem;
    font-size: .9em;
    white-space: nowrap;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.action-list>.item.more .more-list[data-v-4d76cd68]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.action-list>.item.more .more-list .item[data-v-4d76cd68] {
    padding: .8rem .9rem
}

.action-list>.item.clickable[data-v-4d76cd68]:hover,
.action-list>.item.more .more-list .item[data-v-4d76cd68]:hover {
    background-color: #f7f8fa
}

.action-list>.item .count[data-v-4d76cd68] {
    color: #b2bac2;
    margin-left: .2em;
    font-weight: 700
}

.title-row[data-v-4d76cd68] {
    margin: .5rem 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.title[data-v-4d76cd68] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135
}

.title[data-v-4d76cd68]:hover {
    text-decoration: underline
}

.title[data-v-4d76cd68]:visited {
    color: #909090
}

@media (max-width:600px) {
    .title[data-v-4d76cd68] {
        font-size: 1.2rem
    }
}

.thumb[data-v-4d76cd68] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .thumb[data-v-4d76cd68] {
        display: none
    }
}

.iconfont[data-v-5d864bd7] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5d864bd7]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-5d864bd7]:before {
    content: "\e601"
}

.iconfont[data-v-92edb13e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-92edb13e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-92edb13e]:before {
    content: "\e601"
}

.content-box[data-v-92edb13e] {
    display: flex;
    padding: 1.5rem 2rem;
    color: #b2bac2
}

.content-box[data-v-92edb13e]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.content-box .info-box[data-v-92edb13e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1 1 auto
}

.content-box .info-box .meta-row[data-v-92edb13e] {
    font-size: 12px
}

.content-box .info-box .meta-row .username[data-v-92edb13e] {
    color: #b3bac1
}

.content-box .info-box .meta-row .sign[data-v-92edb13e] {
    font-weight: 500;
    color: #ff0068
}

.content-box .info-box .meta-row .sign[data-v-92edb13e]:after {
    content: "\B7";
    margin: 0 .4em;
    color: #b2bac2
}

.content-box .info-box .info-row[data-v-92edb13e] {
    margin: .5rem 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-box .info-box .info-row .title[data-v-92edb13e] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135
}

.content-box .info-box .info-row .desc[data-v-92edb13e] {
    font-size: 14px;
    margin-top: 10px;
    color: #666
}

.content-box .info-box .action-row[data-v-92edb13e] {
    display: flex;
    justify-content: space-between
}

.content-box .info-box .action-row .action-left[data-v-92edb13e],
.content-box .info-box .action-row .action-right[data-v-92edb13e] {
    display: flex;
    align-items: center
}

.content-box .info-box .action-row .link-btn[data-v-92edb13e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #edeeef;
    border-radius: 1px;
    padding-left: 14px;
    padding-right: 14px;
    color: #b3bac1;
    font-size: 14px;
    white-space: nowrap
}

.content-box .info-box .action-row .link-btn[data-v-92edb13e]:not(:first-child) {
    margin-left: -1px
}

.content-box .info-box .action-row .share[data-v-92edb13e] {
    position: relative
}

.content-box .info-box .action-row .share .share-panel[data-v-92edb13e] {
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: 1rem;
    width: 11rem;
    font-size: 1.167rem;
    color: #8f969c;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #e0e4e9;
    border: 1px solid rgba(217, 222, 224, .99);
    display: none;
    z-index: 10
}

.content-box .info-box .action-row .share .share-panel[data-v-92edb13e]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.content-box .info-box .action-row .share .share-panel .share-item[data-v-92edb13e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .6rem .8rem
}

.content-box .info-box .action-row .share .share-panel .share-item .icon[data-v-92edb13e] {
    margin-right: .6rem
}

.content-box .info-box .action-row .share .share-panel .share-item[data-v-92edb13e]:hover {
    background-color: #f7f8fa
}

.content-box .info-box .action-row .share .share-panel .share-item.weibo[data-v-92edb13e] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.content-box .info-box .action-row .share .share-panel .share-item.wechat .qr-code-box[data-v-92edb13e] {
    margin: .8rem .4rem .7rem;
    width: 100%;
    box-sizing: border-box
}

.content-box .info-box .action-row .share .share-panel .share-item.wechat .qr-code-box .qr-code[data-v-92edb13e] {
    width: 100%;
    image-rendering: pixelated
}

.content-box .info-box .action-row .share.active .share-panel[data-v-92edb13e] {
    display: block
}

.content-box .thumb[data-v-92edb13e] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .content-box .info-box .info-row .title[data-v-92edb13e] {
        font-size: 1.2rem
    }

    .content-box .info-box .action-row .link-btn[data-v-92edb13e] {
        height: 1.5rem;
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }

    .content-box .info-box .action-row .share[data-v-92edb13e],
    .content-box .thumb[data-v-92edb13e] {
        display: none
    }
}

.ad-entry-list[data-v-67a45782] {
    width: 100%;
    background-color: #fff
}

.ad-entry-list[data-v-67a45782]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.ad-entry-list .item[data-v-67a45782] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.panel-btn[data-v-0d2407e1] {
    position: relative;
    margin-bottom: .75rem;
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    cursor: pointer
}

.panel-btn:not(.share-btn).active.with-badge[data-v-0d2407e1]:after {
    background-color: #74ca46
}

.panel-btn.with-badge[data-v-0d2407e1]:after {
    content: attr(badge);
    position: absolute;
    top: 0;
    left: 75%;
    padding: .1rem .4rem;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    background-color: #b2bac2;
    border-radius: .7rem;
    transform-origin: left top;
    transform: scale(.75)
}

.panel-btn.like-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan.b4bb964.svg)
}

.panel-btn.like-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan-hover.91657d6.svg)
}

.panel-btn.like-btn.active[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/zan-active.337b9a0.svg)
}

.panel-btn.like-btn.like-adjust[data-v-0d2407e1] {
    background-position: 53% 46%
}

.panel-btn.comment-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/comment.7fc22c2.svg)
}

.panel-btn.comment-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/comment-hover.1074e67.svg)
}

.panel-btn.comment-btn.comment-adjust[data-v-0d2407e1] {
    background-position: 50% 55%
}

.panel-btn.collect-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect.1db122b.svg)
}

.panel-btn.collect-btn.active[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect-active.cc5ff8d.svg)
}

.panel-btn.collect-btn.open[data-v-0d2407e1],
.panel-btn.collect-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/collect-hover.5d446a7.svg)
}

.panel-btn.weibo-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/weibo.2076a57.svg)
}

.panel-btn.weibo-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/weibo-hover.9abf502.svg)
}

.panel-btn.qq-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/qq.0834411.svg)
}

.panel-btn.qq-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/qq-hover.d11dd84.svg)
}

.panel-btn.wechat-btn[data-v-0d2407e1] {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat.63e1ce0.svg)
}

.panel-btn.wechat-btn[data-v-0d2407e1]:hover {
    background-image: url(https://b-gold-cdn.xitu.io/v3/static/img/wechat-hover.c8ce019.svg)
}

.panel-btn.wechat-btn:hover .wechat-qr-code-img[data-v-0d2407e1] {
    display: block
}

.share-title[data-v-0d2407e1] {
    margin: 2.5rem 0 1rem;
    font-size: 1rem;
    text-align: center;
    color: #c6c6c6;
    user-select: none
}

.wechat-qr-code-img[data-v-0d2407e1] {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 8rem;
    height: 8rem;
    margin-top: 1rem;
    border: .5rem solid #fff;
    transform: translateX(-50%);
    display: none
}

.books-recommend-footer .heading[data-v-7ee2cc24] {
    color: #909090;
    height: 25px;
    line-height: 25px;
    font-size: 1.3rem;
    margin: 1.3rem 0
}

.books-recommend-footer .book-list .book[data-v-7ee2cc24] {
    display: flex
}

.books-recommend-footer .book-list .book[data-v-7ee2cc24]:not(:last-child) {
    margin-bottom: 15px
}

.books-recommend-footer .book-list .poster[data-v-7ee2cc24] {
    width: 52px;
    height: 72px;
    margin-right: 10px;
    flex-shrink: 0;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.books-recommend-footer .book-list .poster .poster-img[data-v-7ee2cc24] {
    width: 100%;
    height: 100%
}

.books-recommend-footer .book-list .info[data-v-7ee2cc24] {
    flex-grow: 1
}

.books-recommend-footer .book-list .info .title[data-v-7ee2cc24] {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 3px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.books-recommend-footer .book-list .info .bought[data-v-7ee2cc24] {
    display: flex;
    align-items: center;
    color: #878c90
}

.books-recommend-footer .book-list .info .bought span[data-v-7ee2cc24] {
    margin-right: 5px
}

.books-recommend-footer .book-list .info .bought .try-read[data-v-7ee2cc24] {
    height: 20px;
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
    line-height: 20px;
    padding-right: 5px;
    border-radius: 2px;
    background-color: #007fff;
    display: flex;
    align-items: center
}

.books-recommend-footer .book-list .info .bought .try-read[data-v-7ee2cc24]:after {
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
    margin-left: 3px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 3px 0 3px 3px
}

@media (min-width:720px) {
    .books-recommend-footer .heading[data-v-7ee2cc24] {
        text-align: center
    }
}

.iconfont[data-v-4cdc3ce3] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4cdc3ce3]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4cdc3ce3]:before {
    content: "\e601"
}

.content-box[data-v-4cdc3ce3] {
    display: flex;
    padding: 1.5rem 2rem;
    color: #b2bac2
}

.content-box[data-v-4cdc3ce3]:hover {
    background-color: rgba(0, 0, 0, .01)
}

.content-box .info-box[data-v-4cdc3ce3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1 1 auto
}

.content-box .info-box .meta-row[data-v-4cdc3ce3] {
    font-size: 12px
}

.content-box .info-box .meta-item[data-v-4cdc3ce3],
.content-box .info-box .meta-item a[data-v-4cdc3ce3] {
    color: #b3bac1
}

.content-box .info-box .meta-item a[data-v-4cdc3ce3]:hover {
    color: #007fff
}

.content-box .info-box .meta-item[data-v-4cdc3ce3]:not(:last-child):after {
    content: "Â·";
    margin: 0 .4em;
    color: #b2bac2
}

.content-box .info-box .meta-item.sign[data-v-4cdc3ce3] {
    font-weight: 500;
    color: #007fff
}

.content-box .info-box .info-row[data-v-4cdc3ce3] {
    margin: .5rem 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-box .info-box .info-row .title[data-v-4cdc3ce3] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #2e3135
}

.content-box .info-box .info-row .desc[data-v-4cdc3ce3] {
    font-size: 14px;
    margin-top: 10px;
    color: #666
}

.content-box .info-box .action-row[data-v-4cdc3ce3] {
    display: flex;
    justify-content: space-between
}

.content-box .info-box .action-row .action-left[data-v-4cdc3ce3],
.content-box .info-box .action-row .action-right[data-v-4cdc3ce3] {
    display: flex;
    align-items: center
}

.content-box .info-box .action-row .link-btn[data-v-4cdc3ce3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #edeeef;
    border-radius: 1px;
    padding-left: 14px;
    padding-right: 14px;
    color: #b3bac1;
    font-size: 14px;
    white-space: nowrap
}

.content-box .info-box .action-row .link-btn[data-v-4cdc3ce3]:not(:first-child) {
    margin-left: -1px
}

.content-box .thumb[data-v-4cdc3ce3] {
    flex: 0 0 auto;
    width: 5rem;
    height: 5rem;
    margin-left: 2rem;
    background-color: #fff;
    border-radius: 2px
}

@media (max-width:600px) {
    .content-box .info-box .info-row .title[data-v-4cdc3ce3] {
        font-size: 1.2rem
    }

    .content-box .info-box .action-row .link-btn[data-v-4cdc3ce3] {
        height: 1.5rem;
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }

    .content-box .thumb[data-v-4cdc3ce3] {
        display: none
    }
}

.iconfont[data-v-8e36e514] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-8e36e514]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-8e36e514]:before {
    content: "\e601"
}

.sidebar-block[data-v-8e36e514] {
    position: relative;
    margin-bottom: 1.5rem;
    border-radius: 2px
}

.sidebar-block[data-v-8e36e514]:after {
    display: table;
    content: "";
    clear: both
}

.sidebar-block[data-v-8e36e514]:not(.pure) {
    background-color: #fff
}

.sidebar-block:not(.pure) .block-title[data-v-8e36e514] {
    padding: 1rem 1.3rem;
    font-size: 1.16rem;
    color: #333;
    border-bottom: 1px solid hsla(0, 0%, 58.8%, .1)
}

.wechat-sidebar-block:hover .close-btn[data-v-1c821dcf] {
    display: block
}

.close-btn[data-v-1c821dcf] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: .3rem .5rem;
    font-size: 1rem;
    color: #333;
    opacity: .5;
    cursor: pointer;
    z-index: 1;
    display: none
}

.close-btn[data-v-1c821dcf]:hover {
    opacity: 1
}

.follow-button[data-v-1b907ca0] {
    margin: 0 0 0 auto;
    padding: 0;
    width: 55px;
    height: 26px;
    font-size: 13px;
    border: 1px solid #6cbd45;
    color: #6cbd45;
    background-color: #fff
}

.follow-button[data-v-1b907ca0]:hover {
    opacity: .8
}

.follow-button.followed[data-v-1b907ca0] {
    color: #fff;
    border-color: #6cbd45;
    background-color: #6cbd45
}

.iconfont[data-v-2729b85a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2729b85a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2729b85a]:before {
    content: "\e601"
}

.user[data-v-2729b85a] {
    position: relative;
    box-sizing: border-box
}

.user[data-v-2729b85a]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

.link[data-v-2729b85a] {
    display: flex;
    align-items: center;
    padding: 1.95rem 2.17rem;
    overflow: hidden
}

@media (max-width:600px) {
    .link[data-v-2729b85a] {
        padding: 1.8rem 2rem
    }
}

.avatar[data-v-2729b85a] {
    flex: 0 0 auto;
    margin-right: 1.67rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

@media (max-width:600px) {
    .avatar[data-v-2729b85a] {
        margin-right: 1rem
    }
}

.info-box[data-v-2729b85a] {
    flex: 1 1 auto;
    min-width: 0
}

.info-box .profile[data-v-2729b85a] {
    display: flex;
    align-items: baseline;
    font-size: 1.333rem;
    font-weight: 600;
    color: #2e3135;
    max-width: 480px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:600px) {
    .info-box .profile[data-v-2729b85a] {
        max-width: 200px
    }
}

.info-box .profile[data-v-2729b85a] em {
    color: #e8001c;
    font-style: normal
}

.info-box .position[data-v-2729b85a] {
    font-size: 1.17rem;
    color: #8a9aa9;
    margin-left: .9rem;
    font-weight: 400;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:600px) {
    .info-box .position[data-v-2729b85a] {
        display: inline-block;
        max-width: 120px;
        margin-left: .52rem
    }
}

.info-box .detail[data-v-2729b85a] {
    margin-top: .6rem;
    font-size: 1.08rem;
    color: #8a9aa9;
    font-weight: 400;
    opacity: .9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info-box .detail[data-v-2729b85a]:hover,
.info-box .detail a[data-v-2729b85a] {
    color: #8a9aa9
}

.follow-btn[data-v-2729b85a] {
    flex: 0 0 auto;
    margin: 0 0 0 1rem;
    padding: 0;
    width: 6.17rem;
    height: 2.5rem;
    font-size: 1.1rem;
    color: #37c701;
    background-color: #fff;
    border: 1px solid rgba(55, 199, 1, .6);
    border-radius: 2px
}

@media (max-width:600px) {
    .follow-btn[data-v-2729b85a] {
        width: 5.23rem;
        height: 2.23rem
    }
}

.follow-btn[data-v-2729b85a]:hover {
    opacity: .8
}

.follow-btn.active[data-v-2729b85a] {
    color: #fff;
    background-color: #37c701
}

.iconfont[data-v-35e16224] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-35e16224]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-35e16224]:before {
    content: "\e601"
}

.tag[data-v-35e16224] {
    display: flex;
    padding: 1.95rem 2.08rem;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.tag[data-v-35e16224]:hover {
    background-color: hsla(0, 0%, 87.1%, .1)
}

@media (max-width:600px) {
    .tag[data-v-35e16224] {
        padding: 1.8rem 2rem
    }
}

.tag .info-box[data-v-35e16224] {
    display: flex
}

.tag .meta-box[data-v-35e16224] {
    margin-left: 1.5rem
}

@media (max-width:600px) {
    .tag .meta-box[data-v-35e16224] {
        margin-left: 1rem
    }
}

.tag .meta-box .title[data-v-35e16224] {
    font-size: 1.23rem;
    font-weight: 600;
    color: #2e3135;
    margin-bottom: .5rem
}

.tag .meta-box .title[data-v-35e16224] em {
    font-style: normal;
    color: #e8001c
}

.tag .meta-box .stat[data-v-35e16224] {
    font-size: 1.17rem;
    color: #2e3135;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:600px) {
    .tag .meta-box .stat[data-v-35e16224] {
        max-width: 200px
    }
}

.tag .thumb[data-v-35e16224] {
    width: 45px;
    height: 45px
}

.tag .action-box .follow-btn[data-v-35e16224] {
    padding: 0;
    width: 6.17rem;
    height: 2.5rem
}

@media (max-width:600px) {
    .tag .action-box .follow-btn[data-v-35e16224] {
        width: 5.23rem;
        height: 2.23rem
    }
}

.iconfont[data-v-1dc8d810] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1dc8d810]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1dc8d810]:before {
    content: "\e601"
}

.main-list[data-v-1dc8d810] {
    background-color: #fff;
    max-width: 700px
}

.main-list .item[data-v-1dc8d810]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-67a6ecf9] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-67a6ecf9]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-67a6ecf9]:before {
    content: "\e601"
}

.entry-list[data-v-67a6ecf9] {
    max-width: 800px
}

@media (max-width:600px) {
    .entry-list[data-v-67a6ecf9] {
        max-width: 100%
    }
}

.item[data-v-67a6ecf9]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-48bafb58] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-48bafb58]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-48bafb58]:before {
    content: "\e601"
}

.tag-list[data-v-48bafb58] {
    background-color: #fff;
    max-width: 700px
}

.tag-list .item[data-v-48bafb58]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-2f248c9a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2f248c9a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2f248c9a]:before {
    content: "\e601"
}

.user-list[data-v-2f248c9a] {
    max-width: 700px
}

@media (max-width:600px) {
    .user-list[data-v-2f248c9a] {
        max-width: 100%
    }
}

.item[data-v-2f248c9a]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.skeleton-row[data-v-dae629ac] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-dae629ac] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.skeleton-list[data-v-dae629ac] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    overflow: hidden
}

.skeleton-list .skeleton-row[data-v-dae629ac] {
    margin-bottom: 16px;
    background: linear-gradient(90deg, #fff, #edeff1, #fff);
    background-size: 480px 480px;
    animation: skeleton-stripes-data-v-dae629ac .6s linear infinite
}

.skeleton-list .skeleton-row[data-v-dae629ac]:last-of-type {
    margin-bottom: 0
}

.skeleton-list .skeleton-row[data-v-dae629ac]:first-of-type {
    width: 40%
}

.skeleton-list .skeleton-row[data-v-dae629ac]:nth-of-type(2),
.skeleton-list .skeleton-row[data-v-dae629ac]:nth-of-type(3) {
    width: 80%
}

.skeleton-list .skeleton-row[data-v-dae629ac]:nth-of-type(4) {
    width: 50%
}

@-moz-keyframes skeleton-stripes-data-v-dae629ac {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-webkit-keyframes skeleton-stripes-data-v-dae629ac {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@-o-keyframes skeleton-stripes-data-v-dae629ac {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

@keyframes skeleton-stripes-data-v-dae629ac {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 480px 0
    }
}

.empty[data-v-aaa2f3a0] {
    display: flex;
    height: 97px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.iconfont[data-v-365cb16c] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-365cb16c]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-365cb16c]:before {
    content: "\e601"
}

.nav-block[data-v-365cb16c] {
    height: 4rem;
    font-size: 1.08rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1.2rem;
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

@media (max-width:600px) {
    .nav-block[data-v-365cb16c] {
        justify-content: flex-start
    }
}

.nav-block .nav-list .nav-item[data-v-365cb16c],
.nav-block .nav-list[data-v-365cb16c] {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.nav-block .nav-list .nav-item[data-v-365cb16c] {
    padding: 0 .7rem
}

.nav-block .nav-list .nav-item[data-v-365cb16c]:not(:last-child):after {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    background-color: #2b445d;
    transform: translateY(-50%);
    opacity: .5
}

.nav-block .nav-list .nav-item.active>a[data-v-365cb16c] {
    color: #007fff
}

.iconfont[data-v-1feb6272] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-1feb6272]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-1feb6272]:before {
    content: "\e601"
}

.search-view[data-v-1feb6272] {
    width: 960px;
    margin: -50px auto 3rem
}

.view-nav[data-v-1feb6272] {
    height: 4rem
}

.sort-banner[data-v-1feb6272] {
    width: 960px;
    margin: auto
}

.nav-banner[data-v-1feb6272] {
    height: 48px;
    width: 700px;
    display: flex;
    justify-content: space-between
}

.nav-list[data-v-1feb6272] {
    position: relative;
    padding-left: 1.2rem;
    margin: 0
}

@media (max-width:600px) {
    .nav-list[data-v-1feb6272] {
        padding-left: .5rem
    }
}

.left .nav-item[data-v-1feb6272] {
    margin-right: 1.2rem
}

@media (max-width:600px) {
    .left .nav-item[data-v-1feb6272] {
        margin-right: .5rem
    }
}

.right[data-v-1feb6272] {
    padding-left: 0;
    padding-right: 1.5rem
}

.right .nav-item[data-v-1feb6272] {
    font-size: 1.08rem;
    padding: 0 .7rem
}

.right .nav-item.last-child[data-v-1feb6272] {
    padding: 0 0 0 1rem
}

.right .nav-item[data-v-1feb6272]:not(:last-child):after {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    background-color: #2b445d;
    transform: translateY(-50%);
    opacity: .5
}

.result-list[data-v-1feb6272] {
    max-width: 700px;
    margin-top: 60px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.title[data-v-1feb6272] {
    margin-top: .8rem
}

.list[data-v-1feb6272] {
    margin-top: 70px
}

.suggested-tag-list[data-v-1feb6272] {
    display: flex;
    flex-wrap: wrap
}

.suggested-tag-list .tag[data-v-1feb6272] {
    cursor: pointer;
    margin: .8rem .8rem 0 0;
    padding: .5rem 1rem;
    border-radius: 2px;
    line-height: 1;
    display: inline-block;
    font-size: 1.1rem;
    border: 1px solid #f1f1f1;
    color: #909090;
    transition: color .3s, border-color .3s, background-color .3s
}

.fade-enter-active[data-v-1feb6272],
.fade-leave-active[data-v-1feb6272] {
    transition: opacity .5s
}

.fade-enter[data-v-1feb6272],
.fade-leave-to[data-v-1feb6272] {
    opacity: 0
}

@media (max-width:600px) {

    .search-view[data-v-1feb6272],
    .sort-banner[data-v-1feb6272] {
        width: 100%
    }

    .nav-list.nav-item[data-v-1feb6272]:first-child {
        padding: 0
    }

    .right[data-v-1feb6272] {
        display: none
    }
}

.iconfont[data-v-5f19f2b2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5f19f2b2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-5f19f2b2]:before {
    content: "\e601"
}

.entry-masker[data-v-5f19f2b2] {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 2rem;
    min-height: 114px
}

.screenshot[data-v-5f19f2b2] {
    margin-right: 2rem;
    width: 60px;
    height: 60px;
    border-radius: 2px
}

.entry-info[data-v-5f19f2b2] {
    flex: 1 1 auto;
    font-size: .7rem
}

.info-row[data-v-5f19f2b2] {
    display: flex;
    align-items: center;
    min-height: 2.5rem
}

.info-row.meta[data-v-5f19f2b2] {
    align-items: flex-end
}

.entry-title-box[data-v-5f19f2b2] {
    flex: 1 1 auto;
    position: relative
}

.entry-title-box .entry-title[data-v-5f19f2b2] {
    width: 60%;
    height: 1.8rem
}

.meta-badge[data-v-5f19f2b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 1rem;
    width: 2rem;
    height: 15px;
    border: 1px solid
}

.meta-badge.comments[data-v-5f19f2b2],
.meta-badge.entry-action[data-v-5f19f2b2] {
    margin-left: -1px
}

.entry-action[data-v-5f19f2b2] {
    opacity: 0
}

.entry-action .entry-action-list[data-v-5f19f2b2] {
    position: absolute;
    top: 100%;
    left: -1px;
    display: none
}

.entry-action .entry-action-list .entry-action-item[data-v-5f19f2b2] {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.entry-action:hover .entry-action-list[data-v-5f19f2b2] {
    display: block
}

.meta-tag-box[data-v-5f19f2b2] {
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end
}

.meta-tag[data-v-5f19f2b2] {
    display: flex;
    align-items: center;
    width: 4rem;
    height: 15px;
    border: 1px solid;
    border-radius: 1px
}

.meta-tag[data-v-5f19f2b2]:first-child {
    margin-left: 0
}

.meta-tag[data-v-5f19f2b2]:last-child {
    margin-right: 0
}

.user-avatar[data-v-5f19f2b2] {
    margin-left: 1.3rem;
    width: 25px;
    height: 25px;
    border-radius: 1px
}

.masker[data-v-5f19f2b2] {
    border-color: hsla(0, 0%, 94.5%, .1);
    background-color: hsla(0, 0%, 94.5%, .3)
}

@media (max-width:800px) {
    .screenshot[data-v-5f19f2b2] {
        display: none
    }
}

@media (max-width:600px) {

    .entry-date[data-v-5f19f2b2],
    .user-avatar[data-v-5f19f2b2] {
        display: none
    }

    .entry-title[data-v-5f19f2b2] {
        white-space: normal;
        overflow: auto
    }
}

@media (max-width:480px) {
    .meta-tag[data-v-5f19f2b2] {
        display: none
    }
}

.entry-list[data-v-2f6a7550] {
    width: 100%;
    background-color: #fff
}

.empty[data-v-2f6a7550] {
    padding: 2rem 0;
    width: 100%;
    font-size: 1.2rem;
    text-align: center
}

.item[data-v-2f6a7550]:not(:last-child) {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.activity-empty[data-v-04734029] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #b2bac2;
    margin-bottom: .67rem
}

.activity-empty .empty-text[data-v-04734029] {
    margin-top: 10px
}

.activity-empty a[data-v-04734029] {
    display: none;
    margin-left: 5px;
    margin-top: 14px;
    font-size: 1.166rem;
    color: #027fff
}

.category-nav[data-v-c7a37db4] {
    background-color: #fff;
    display: flex;
    justify-content: space-between
}

.category-nav .list-header[data-v-c7a37db4] {
    width: 100%
}

.category-nav .active[data-v-c7a37db4] {
    color: #007fff
}

@media (max-width:600px) {
    .category-nav .nav-list[data-v-c7a37db4] {
        display: none
    }

    .category-nav .more[data-v-c7a37db4] {
        display: block
    }
}

@media (max-width:960px) {
    .nav[data-v-541ebfe6] {
        display: none
    }
}

.iconfont[data-v-4a138678] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-4a138678]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-4a138678]:before {
    content: "\e601"
}

.like-list-box[data-v-4a138678] {
    background-color: #fff
}

.like-list-box .sub-header[data-v-4a138678] {
    display: none
}

@media (max-width:600px) {
    .like-list-box .sub-header[data-v-4a138678] {
        display: flex
    }
}

.post-list-box[data-v-472485ab],
.sub-header[data-v-7accf2b4] {
    background-color: #fff
}

.pin-list[data-v-2ffaea90] {
    background: #f4f5f5
}

.pin-list .item[data-v-2ffaea90] {
    margin-bottom: 8px
}

.skeleton-row[data-v-79b8242d] {
    margin-bottom: .8rem;
    height: 1.2rem;
    background-color: #f3f3f3
}

.skeleton-avatar[data-v-79b8242d] {
    border-radius: 50%;
    background-color: #f3f3f3
}

.skeleton-pin[data-v-79b8242d] {
    padding: 16px 2rem;
    margin-bottom: 1rem;
    min-height: 190px;
    background-color: #fff;
    box-sizing: border-box
}

.skeleton-pin.subscribe[data-v-79b8242d] {
    padding: 1.35rem 2rem;
    margin-bottom: 8px;
    min-height: 70px
}

.skeleton-pin.subscribe .skeleton-avatar[data-v-79b8242d] {
    width: 45px;
    height: 45px
}

.skeleton-pin.subscribe .info[data-v-79b8242d] {
    padding-top: 0;
    width: 12rem;
    height: auto
}

.skeleton-pin.subscribe .info .skeleton-row[data-v-79b8242d]:last-of-type {
    width: 5rem;
    margin-bottom: 0
}

.skeleton-pin-header[data-v-79b8242d] {
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.skeleton-pin-header .skeleton-avatar[data-v-79b8242d] {
    flex: 0 0 auto;
    margin-right: 1.2rem;
    width: 3.75rem;
    height: 3.75rem
}

.skeleton-pin-header .info[data-v-79b8242d] {
    padding-top: .6rem;
    width: 6rem;
    height: 4rem
}

.skeleton-pin-body[data-v-79b8242d] {
    margin-top: .8rem;
    padding: 0 0 0 5rem
}

.iconfont[data-v-614cb0c6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-614cb0c6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-614cb0c6]:before {
    content: "\e601"
}

.like-list-box[data-v-614cb0c6] {
    background-color: #fff
}

.like-list-box .sub-header[data-v-614cb0c6] {
    display: none
}

@media (max-width:600px) {
    .like-list-box .sub-header[data-v-614cb0c6] {
        display: flex
    }
}

.iconfont[data-v-20e26fc4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-20e26fc4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-20e26fc4]:before {
    content: "\e601"
}

.detail-list.sticky-box[data-v-20e26fc4] {
    padding-top: 4.167rem
}

.list-header[data-v-20e26fc4] {
    position: relative;
    margin: 0;
    padding: 0;
    height: 4.167rem;
    background-color: #fff;
    border-radius: .2rem .2rem 0 0;
    border-bottom: 1px solid #ebebeb;
    z-index: 100
}

.list-header.sticky[data-v-20e26fc4] {
    position: fixed;
    top: 5rem;
    left: 0;
    right: 0;
    border-radius: 0;
    transition: all .2s
}

.list-header.sticky.top[data-v-20e26fc4] {
    top: 0
}

.list-header.sticky .avatar[data-v-20e26fc4],
.list-header.sticky .btn[data-v-20e26fc4] {
    display: block
}

.list-header .header-content[data-v-20e26fc4] {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 100%;
    max-width: 960px;
    white-space: nowrap
}

@media (min-width:960px) {
    .list-header .header-content .only-in-scroll-mode[data-v-20e26fc4] {
        display: none
    }
}

@media (max-width:960px) {
    .list-header .header-content[data-v-20e26fc4] {
        max-width: none;
        overflow-x: auto
    }

    .list-header .header-content .not-in-scroll-mode[data-v-20e26fc4] {
        display: none
    }
}

.list-header .avatar[data-v-20e26fc4] {
    flex: 0 0 auto;
    margin: 0 1.6rem;
    width: 2.833rem;
    height: 2.833rem;
    border-radius: 50%;
    cursor: pointer;
    display: none
}

.list-header .nav-item[data-v-20e26fc4] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 7.5rem;
    height: 100%
}

.list-header .nav-item:not(.active):not(.open):hover .item-count[data-v-20e26fc4],
.list-header .nav-item:not(.active):not(.open):hover .item-title[data-v-20e26fc4] {
    opacity: .8
}

.list-header .nav-item.active[data-v-20e26fc4] {
    box-shadow: inset 0 -2px 0 #3780f7
}

.list-header .nav-item.active .item-count[data-v-20e26fc4],
.list-header .nav-item.active .item-title[data-v-20e26fc4] {
    color: #3780f7
}

.list-header .nav-item .item-title[data-v-20e26fc4] {
    font-size: 1.333rem;
    font-weight: 500;
    color: #31445b
}

.list-header .nav-item .item-count[data-v-20e26fc4] {
    margin-left: .4rem;
    font-size: 1.25rem;
    color: #b2bac2;
    line-height: 1
}

.list-header .nav-item.more .item-count[data-v-20e26fc4] {
    padding-top: .2em
}

.list-header .nav-item .more-panel[data-v-20e26fc4] {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -3.75rem;
    padding: .6rem 0;
    width: 7.5rem;
    background-color: #fff;
    border: 1px solid #f3f3f4;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    z-index: 1
}

.list-header .nav-item .more-panel[data-v-20e26fc4]:after,
.list-header .nav-item .more-panel[data-v-20e26fc4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%
}

.list-header .nav-item .more-panel[data-v-20e26fc4]:before {
    margin: -7px 0 0 -7px;
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 7px solid #f3f3f4
}

.list-header .nav-item .more-panel[data-v-20e26fc4]:after {
    margin: -6px 0 0 -6px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom: 6px solid #fff
}

.list-header .nav-item .more-panel .more-item[data-v-20e26fc4] {
    display: block;
    padding: .6rem 0;
    font-size: 1.25rem;
    text-align: center;
    color: #000
}

.list-header .nav-item .more-panel .more-item[data-v-20e26fc4]:hover {
    background-color: #fcfcfc
}

.list-header .nav-item .more-panel .more-item.active[data-v-20e26fc4] {
    color: #3780f7
}

.list-header .btn[data-v-20e26fc4] {
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    padding: 0;
    height: 2.834rem;
    font-size: 1.333rem;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid;
    background-color: #fff;
    border-radius: 4px;
    display: none
}

.list-header .btn[data-v-20e26fc4]:hover {
    opacity: .8
}

.list-header .follow-btn[data-v-20e26fc4] {
    width: 9rem;
    color: #6cbd45
}

.list-header .follow-btn.active[data-v-20e26fc4] {
    color: #fff;
    background-color: #6cbd45;
    border-color: #6cbd45
}

.list-header .setting-btn[data-v-20e26fc4] {
    width: 9.834rem;
    color: #3780f7
}

.list-body .empty-box[data-v-20e26fc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    font-size: 1.167rem;
    font-weight: 500;
    color: #b2bac2;
    cursor: default;
    user-select: none;
    background-color: #fff
}

.list-body .empty-box .empty-text[data-v-20e26fc4] {
    margin-top: 1.2rem
}

[data-v-20e26fc4] .list-body .sub-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 2.4rem;
    height: 4.167rem;
    white-space: nowrap;
    border-bottom: 1px solid rgba(230, 230, 231, .5)
}

[data-v-20e26fc4] .list-body .sub-header .sub-header-title {
    margin-right: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #000
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box {
    margin-left: auto
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box .sub-type {
    position: relative;
    padding: 1rem 0;
    font-size: 1.167rem;
    color: #72777b
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box .sub-type.active {
    color: #000
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box .sub-type:hover {
    opacity: .8
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box .sub-type:not(:last-child) {
    margin-right: 2rem
}

[data-v-20e26fc4] .list-body .sub-header .sub-type-box .sub-type:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1rem;
    margin-top: -.5em;
    width: 1px;
    height: 1em;
    background-color: #b2bac2;
    opacity: .5
}

[data-v-20e26fc4] .entry .content-box {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

[data-v-20e26fc4] .collection-list-box ul.collection-list {
    padding: 2rem 2.4rem 1.2rem
}

[data-v-20e26fc4] .collection-list-box ul.collection-list .item {
    margin-bottom: .8rem;
    width: calc(50% - .4rem)
}

@media (max-width:600px) {
    [data-v-20e26fc4] .collection-list-box ul.collection-list .item {
        width: 100%
    }
}

.iconfont[data-v-12e1c8ea] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-12e1c8ea]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-12e1c8ea]:before {
    content: "\e601"
}

.user-view[data-v-12e1c8ea] {
    display: flex;
    margin-bottom: 6rem
}

.major-area[data-v-12e1c8ea] {
    flex: 1 1 auto;
    min-width: 0
}

.minor-area[data-v-12e1c8ea] {
    flex: 0 0 auto;
    margin-left: 1rem;
    width: 20rem;
    line-height: 1.2
}

.minor-area .sticky[data-v-12e1c8ea] {
    position: fixed;
    top: 6.766999999999999rem;
    width: 20rem;
    transition: all .2s
}

.minor-area .sticky.top[data-v-12e1c8ea] {
    top: 1.767rem
}

.minor-area .sticky.with-list-header[data-v-12e1c8ea] {
    top: 10.934rem
}

.minor-area .sticky.top.with-list-header[data-v-12e1c8ea] {
    top: 5.933999999999999rem
}

@media (max-width:960px) {
    .minor-area[data-v-12e1c8ea] {
        display: none
    }
}

.block[data-v-12e1c8ea] {
    background-color: #fff;
    border-radius: 2px
}

.user-info-block[data-v-12e1c8ea] {
    display: flex;
    padding: 2.5rem
}

@media (max-width:600px) {
    .user-info-block[data-v-12e1c8ea] {
        flex-direction: column;
        align-items: center
    }
}

.user-info-block .avatar[data-v-12e1c8ea] {
    flex: 0 0 auto;
    margin-right: 2.4rem;
    width: 7.5rem;
    height: 7.5rem;
    background-color: #f9f9f9;
    border-radius: 50%
}

.user-info-block .avatar[data-v-12e1c8ea]:hover {
    transform: rotate(666turn);
    transition-delay: 1s;
    transition-property: all;
    transition-duration: 59s;
    transition-timing-function: cubic-bezier(.34, 0, .84, 1)
}

@media (max-width:600px) {
    .user-info-block .avatar[data-v-12e1c8ea] {
        margin-right: 0
    }
}

.user-info-block .info-box[data-v-12e1c8ea] {
    flex: 1 1 auto;
    margin-right: 2rem
}

@media (max-width:600px) {
    .user-info-block .info-box[data-v-12e1c8ea] {
        margin: 1rem 0
    }
}

.user-info-block .action-box[data-v-12e1c8ea] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width:600px) {
    .user-info-block .action-box[data-v-12e1c8ea] {
        align-items: center
    }
}

.user-info-block .action-box .link-box[data-v-12e1c8ea] {
    margin-bottom: auto
}

.user-info-block .action-box .btn[data-v-12e1c8ea] {
    margin: 1rem 0 0;
    padding: 0;
    height: 2.834rem;
    font-size: 1.333rem;
    font-weight: 500;
    line-height: 1.2;
    border: 1px solid;
    background-color: #fff;
    border-radius: 4px
}

.user-info-block .action-box .btn[data-v-12e1c8ea]:hover {
    opacity: .8
}

.user-info-block .action-box .follow-btn[data-v-12e1c8ea] {
    width: 9rem;
    color: #6cbd45
}

.user-info-block .action-box .follow-btn.active[data-v-12e1c8ea] {
    color: #fff;
    background-color: #6cbd45;
    border-color: #6cbd45
}

.user-info-block .action-box .setting-btn[data-v-12e1c8ea] {
    width: 9.834rem;
    color: #3780f7
}

.stat-block[data-v-12e1c8ea] {
    margin-bottom: 1rem
}

.stat-block .block-title[data-v-12e1c8ea] {
    padding: 1.333rem;
    font-size: 1.333rem;
    font-weight: 600;
    color: #31445b;
    border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.stat-block .block-body[data-v-12e1c8ea] {
    padding: 1.333rem
}

.stat-block .block-body .stat-item[data-v-12e1c8ea] {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    color: #000
}

.stat-block .block-body .stat-item[data-v-12e1c8ea]:not(:last-child) {
    margin-bottom: .8rem
}

.stat-block .block-body .stat-item .icon[data-v-12e1c8ea],
.stat-block .block-body .stat-item .zan[data-v-12e1c8ea] {
    flex: 0 0 auto;
    margin-right: 1.2rem
}

.stat-block .block-body .stat-item .count[data-v-12e1c8ea] {
    margin: 0 .3em;
    font-weight: 500
}

.follow-block[data-v-12e1c8ea] {
    display: flex;
    position: relative;
    margin-bottom: 1rem
}

.follow-block[data-v-12e1c8ea]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 50%;
    background-color: #f3f3f4;
    transform: translate(-50%, -50%)
}

.follow-block .follow-item[data-v-12e1c8ea] {
    flex: 1 1 auto;
    padding: 1.333rem 0;
    text-align: center;
    color: #31445b
}

.follow-block .follow-item[data-v-12e1c8ea]:hover {
    opacity: .8
}

.follow-block .follow-item .item-title[data-v-12e1c8ea] {
    font-size: 1.333rem;
    font-weight: 500
}

.follow-block .follow-item .item-count[data-v-12e1c8ea] {
    margin-top: .5rem;
    font-size: 1.25rem;
    font-weight: 600
}

.more-block[data-v-12e1c8ea] {
    background-color: transparent
}

.more-block .more-item[data-v-12e1c8ea] {
    display: flex;
    padding: 1.25rem .417rem;
    font-size: 1.25rem;
    color: #000;
    border-top: 1px solid rgba(230, 230, 231, .5)
}

.more-block .more-item[data-v-12e1c8ea]:last-child {
    border-bottom: 1px solid rgba(230, 230, 231, .5)
}

.more-block .more-item[data-v-12e1c8ea]:hover {
    opacity: .8
}

.more-block .more-item .item-title[data-v-12e1c8ea] {
    margin-right: auto
}

.list-block[data-v-12e1c8ea] {
    margin-top: 1rem
}

.iconfont[data-v-645fc2de] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-645fc2de]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-645fc2de]:before {
    content: "\e601"
}

.tag-view[data-v-645fc2de] {
    margin-bottom: 4rem
}

.tag-info-box[data-v-645fc2de] {
    position: relative;
    height: 150px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #f1f1f1
}

.tag-info-box.bg .tag-info[data-v-645fc2de] {
    color: #fff
}

.tag-info-box .background[data-v-645fc2de],
.tag-info-box .tag-info[data-v-645fc2de] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.tag-info-box .tag-info[data-v-645fc2de] {
    text-align: center;
    color: #666;
    padding: 4rem 0;
    box-sizing: border-box
}

.tag-info-box .tag-info .title[data-v-645fc2de] {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: .3rem
}

.list-header[data-v-645fc2de] {
    justify-content: space-between;
    padding: .3rem
}

.list-header .left[data-v-645fc2de],
.list-header[data-v-645fc2de] {
    display: flex;
    align-items: center
}

.list-header .left .tag-icon[data-v-645fc2de] {
    height: 2rem;
    margin-right: 2rem
}

.list-header .nav-list[data-v-645fc2de] {
    display: flex;
    align-items: center
}

.list-header .nav-list .nav-item[data-v-645fc2de] {
    font-size: 1.3rem;
    margin-left: 2rem
}

.list-header .nav-list .nav-item.active[data-v-645fc2de] {
    color: #007fff
}

.list-header .subscribe-btn[data-v-645fc2de] {
    white-space: nowrap
}

.root-view-bg[data-v-fbc1ebe6] {
    background-color: #fff
}

.collection-header[data-v-fbc1ebe6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 15.5rem
}

.collection-header .bg-box[data-v-fbc1ebe6] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.collection-header .bg-box .bg[data-v-fbc1ebe6],
.collection-header .bg-box .mask[data-v-fbc1ebe6] {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.collection-header .bg-box .mask[data-v-fbc1ebe6] {
    background-image: linear-gradient(hsla(0, 0%, 55.7%, .3), rgba(70, 70, 70, .7)), linear-gradient(hsla(0, 0%, 43.1%, .3), hsla(0, 0%, 43.1%, .3))
}

.collection-header .edit-bg-btn[data-v-fbc1ebe6] {
    position: absolute;
    top: 2rem;
    right: 3rem;
    cursor: pointer
}

.collection-header .edit-bg-btn[data-v-fbc1ebe6]:hover {
    opacity: .6
}

.collection-header .bg-input[data-v-fbc1ebe6] {
    display: none
}

.collection-header .title[data-v-fbc1ebe6] {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: 2.667rem;
    font-weight: 700
}

.collection-header .title.editing[data-v-fbc1ebe6] {
    padding: 0;
    min-width: 12em;
    max-width: 100%;
    text-align: center;
    background-color: transparent;
    border: none;
    outline: none
}

.collection-header .description[data-v-fbc1ebe6] {
    position: relative;
    margin: 1em 0 0;
    color: #fff;
    font-size: 1.167rem
}

.collection-header .description.editing[data-v-fbc1ebe6] {
    padding: 0;
    min-width: 24em;
    max-width: 100%;
    text-align: center;
    background-color: transparent;
    border: none;
    outline: none
}

.collection-header .description.empty[data-v-fbc1ebe6] {
    color: hsla(0, 0%, 100%, .4)
}

.collection-header .edit-btn[data-v-fbc1ebe6] {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
    cursor: pointer
}

.collection-header .edit-btn[data-v-fbc1ebe6]:hover {
    opacity: .6
}

.container[data-v-fbc1ebe6] {
    padding: 0 2rem;
    box-sizing: border-box
}

.info-box[data-v-fbc1ebe6] {
    position: relative;
    padding: 1.5rem 0;
    line-height: 1;
    background-color: #f8f9fa
}

.info-box .container[data-v-fbc1ebe6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.info-box .container[data-v-fbc1ebe6]:after {
    content: none
}

.info-box .info-list[data-v-fbc1ebe6] {
    display: flex;
    align-items: center;
    font-size: 1.167rem;
    color: #909090
}

.info-box .info-list.right[data-v-fbc1ebe6] {
    float: right
}

.info-box .info-list .item[data-v-fbc1ebe6] {
    float: left
}

.info-box .info-list.left .item[data-v-fbc1ebe6]:not(:last-child):not(.follow):after {
    content: "Â·";
    margin: 0 .5em
}

.info-box .follow-btn[data-v-fbc1ebe6] {
    margin: 0 1rem 0 0;
    padding: 0;
    width: 6rem;
    height: 2.3rem;
    color: #83c73a;
    background-color: #fff;
    border: 1px solid
}

.info-box .follow-btn[data-v-fbc1ebe6]:hover {
    color: #3cb40e
}

.info-box .follow-btn.followed[data-v-fbc1ebe6] {
    color: #fff;
    background-color: #83c73a;
    border-color: #83c73a
}

.info-box .follow-btn.followed[data-v-fbc1ebe6]:hover {
    color: #fff;
    background-color: #3cb40e;
    border-color: #3cb40e
}

.info-box .share-btn[data-v-fbc1ebe6] {
    position: relative;
    padding: 0 .5em;
    color: inherit;
    background-color: transparent;
    border: none;
    outline: none
}

.info-box .share-btn .icon[data-v-fbc1ebe6] {
    margin-right: .5em;
    height: 1em;
    vertical-align: bottom
}

.info-box .share-btn.wechat:hover .qrcode-panel[data-v-fbc1ebe6] {
    display: block
}

.info-box .line[data-v-fbc1ebe6] {
    display: inline-block;
    margin: 0 .5em;
    height: 1em;
    width: 1px;
    background-color: #ddd
}

.info-box .qrcode-panel[data-v-fbc1ebe6] {
    position: absolute;
    top: 180%;
    left: 0;
    padding: 1rem;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 10;
    display: none
}

.info-box .qrcode-panel .qrcode-title[data-v-fbc1ebe6] {
    display: block;
    margin: 0 0 1rem
}

.info-box .qrcode-panel .qrcode[data-v-fbc1ebe6] {
    width: 9.5rem;
    height: 9.5rem;
    image-rendering: pixelated
}

.info-box .menu-btn[data-v-fbc1ebe6] {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: .5em;
    height: 1.3em;
    cursor: pointer
}

.info-box .menu-btn .icon[data-v-fbc1ebe6] {
    font-size: 2rem
}

.info-box .menu-btn:hover .menu[data-v-fbc1ebe6] {
    display: block
}

.info-box .menu-btn .menu[data-v-fbc1ebe6] {
    position: absolute;
    top: 120%;
    right: -.5em;
    font-size: .9em;
    background-color: #fff;
    border: 1px solid #ddd;
    white-space: nowrap;
    z-index: 10;
    display: none
}

.info-box .menu-btn .menu .menu-item[data-v-fbc1ebe6] {
    padding: 1em
}

.info-box .menu-btn .menu .menu-item[data-v-fbc1ebe6]:hover {
    color: #333;
    background-color: #f9f9f9
}

.list-header[data-v-fbc1ebe6] {
    padding: 1.6rem 0 0;
    border-bottom: none
}

.list-header .more-link[data-v-fbc1ebe6] {
    font-size: 1.167rem
}

.list-header .more-link .more-icon[data-v-fbc1ebe6] {
    font-size: 1.1em
}

.list-header .more-link .avatar[data-v-fbc1ebe6] {
    margin: 0 .5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    vertical-align: bottom
}

.list-header .nav-list[data-v-fbc1ebe6] {
    font-size: 1.334rem;
    color: #909090
}

.list-header .nav-list .nav-item[data-v-fbc1ebe6]:not(:last-child):after {
    content: "|";
    margin: 1rem;
    color: #ddd
}

.entry-list[data-v-fbc1ebe6] {
    margin-bottom: 4rem
}

.entry-list>.container[data-v-fbc1ebe6] {
    padding: 0
}

@media (max-width:600px) {
    .info-box .info-list[data-v-fbc1ebe6] {
        font-size: 1rem
    }

    .info-box .info-list.right[data-v-fbc1ebe6] {
        display: none
    }
}

.iconfont[data-v-c09322f6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c09322f6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-c09322f6]:before {
    content: "\e601"
}

.action-box[data-v-c09322f6] {
    display: flex;
    height: 3.92rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff
}

@media (max-width:600px) {
    .action-box .action[data-v-c09322f6] {
        flex: 1 1 50%
    }

    .action-box .share-action[data-v-c09322f6] {
        display: none
    }
}

.action[data-v-c09322f6] {
    flex: 1 1 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    cursor: pointer;
    user-select: none
}

.action:hover .action-title-box[data-v-c09322f6] {
    opacity: .8
}

.action[data-v-c09322f6]:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    width: 1px;
    height: 2rem;
    background-color: #ebebeb
}

.action.praise-action.active .action-title[data-v-c09322f6] {
    color: #37c700
}

.action-title-box[data-v-c09322f6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-title-box .icon[data-v-c09322f6] {
    width: 18px;
    height: 18px
}

.action-title-box .action-title[data-v-c09322f6] {
    margin-left: .3em;
    font-size: 13px;
    font-weight: 500;
    color: #8a93a0
}

.app-link[data-v-4737932c] {
    display: flex;
    align-items: center;
    padding: 1.3rem
}

.app-link:hover .close-btn[data-v-4737932c] {
    display: block
}

.qr-img[data-v-4737932c] {
    margin-right: .5rem;
    width: 4.167rem;
    height: 4.167rem
}

.headline[data-v-4737932c] {
    font-size: 1.167rem;
    font-weight: 600;
    color: #333
}

.desc[data-v-4737932c] {
    margin-top: .5rem;
    font-size: 1rem;
    color: #909090
}

.close-btn[data-v-4737932c] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: .3rem .5rem;
    font-size: 1rem;
    color: #999;
    opacity: .3;
    cursor: pointer;
    z-index: 1;
    display: none
}

.close-btn[data-v-4737932c]:hover {
    opacity: 1
}

.item[data-v-fd1ce7f8] {
    display: block;
    padding: .8rem 1.3rem
}

.item[data-v-fd1ce7f8]:hover {
    background-color: hsla(0, 0%, 85.1%, .1)
}

.entry-title[data-v-fd1ce7f8] {
    font-size: 1.16rem;
    color: #333
}

.entry-meta-box[data-v-fd1ce7f8] {
    margin-top: .4rem
}

.entry-meta[data-v-fd1ce7f8] {
    display: inline-block;
    margin-right: 1.5rem;
    font-size: 1.1rem;
    color: #c2c2c2
}

.entry-meta .count[data-v-fd1ce7f8] {
    color: #b2bac2;
    margin-left: .4rem
}

.entry-meta .icon[data-v-fd1ce7f8] {
    vertical-align: sub
}

.iconfont[data-v-0a1cfe78] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0a1cfe78]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0a1cfe78]:before {
    content: "\e601"
}

.title[data-v-0a1cfe78] {
    font-size: 1.16rem;
    cursor: pointer;
    color: #333
}

.title[data-v-0a1cfe78]:hover {
    color: #275b8c
}

.meta-list[data-v-0a1cfe78] {
    display: flex;
    align-items: center;
    margin-top: .5rem
}

.meta-list .item[data-v-0a1cfe78] {
    margin-right: 1rem;
    color: #909090;
    font-size: 1rem
}

.meta-list .icon[data-v-0a1cfe78] {
    vertical-align: top;
    margin-right: .3rem
}

.iconfont[data-v-622bef1a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-622bef1a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-622bef1a]:before {
    content: "\e601"
}

.aside[data-v-622bef1a] {
    border-right: 1px solid #f1f1f1;
    background-color: #f8f9fa;
    padding: 0 2.5rem;
    height: 100%
}

.aside .block-header[data-v-622bef1a] {
    padding-top: 2.5rem;
    margin: 0 0 1.3rem;
    font-size: 1.3rem
}

.aside .share .item[data-v-622bef1a] {
    position: relative;
    border-radius: 20px;
    border: 1px solid #ddd;
    background-color: transparent;
    font-size: 1rem;
    padding: .27rem 1.74rem;
    cursor: pointer;
    margin-top: .4rem;
    margin-bottom: .4rem;
    margin-right: .6rem;
    line-height: 1.7rem;
    display: inline-block;
    vertical-align: middle
}

.aside .share .item .inline[data-v-622bef1a] {
    height: 1.3rem;
    vertical-align: middle;
    margin-right: .6rem
}

.aside .share .item.wechat:hover .qr-code[data-v-622bef1a] {
    display: block;
    image-rendering: pixelated
}

.aside .share .item.wechat .qr-code[data-v-622bef1a] {
    position: absolute;
    top: 120%;
    left: 50%;
    width: 10rem;
    height: 10rem;
    border: .5rem solid #fff;
    box-shadow: 0 .5em .5em #ddd;
    transform: translate(-50%);
    display: none;
    z-index: 1
}

.aside .tag .item[data-v-622bef1a] {
    display: inline-block;
    position: relative
}

.aside .tag .item a[data-v-622bef1a] {
    display: block;
    background-color: #fff;
    padding: .6rem 1rem;
    margin: .5rem .5rem .5rem 0;
    cursor: pointer;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 1.5rem;
    border: 1px solid #f1f1f1;
    color: #909090
}

.aside .attender-list .item[data-v-622bef1a],
.aside .liker-list .item[data-v-622bef1a] {
    display: inline-block;
    position: relative;
    width: 2.7rem;
    height: 2.7rem;
    margin: .3rem;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.aside .attender-list .item.more[data-v-622bef1a],
.aside .liker-list .item.more[data-v-622bef1a] {
    text-align: center;
    line-height: 2.7rem;
    vertical-align: top;
    color: #909090;
    background-color: #fff
}

.aside .attender-list .item .avatar[data-v-622bef1a],
.aside .liker-list .item .avatar[data-v-622bef1a] {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%
}

.aside .like[data-v-622bef1a] {
    padding-bottom: 60px
}

.aside .related-entry-block .item[data-v-622bef1a] {
    position: relative;
    margin: .6rem 0 1.3rem
}

.aside .participant[data-v-622bef1a] {
    padding-bottom: 2.5rem
}

.aside .aside-block.app[data-v-622bef1a] {
    background-color: #fff;
    margin-top: 30px
}

.banner-wx[data-v-622bef1a] {
    margin-top: 30px
}

.collection-block .title[data-v-622bef1a] {
    display: block;
    font-size: 1.16rem;
    color: #333
}

.collection-block .title[data-v-622bef1a]:hover {
    color: #275b8c
}

.collection-block .meta[data-v-622bef1a] {
    margin-top: .5rem;
    font-size: 1rem;
    color: #909090
}

@media (max-width:600px) {
    .aside[data-v-622bef1a] {
        display: none
    }
}

.iconfont[data-v-c02dd12a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-c02dd12a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-c02dd12a]:before {
    content: "\e601"
}

.entry-detail-panel[data-v-c02dd12a] {
    width: 960px;
    margin: auto;
    box-sizing: border-box
}

.header[data-v-c02dd12a] {
    width: 100%;
    height: 200px;
    position: relative;
    background-color: #007fff;
    z-index: 1
}

.header-background-image[data-v-c02dd12a] {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0
}

.mask[data-v-c02dd12a] {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header-entry-info[data-v-c02dd12a] {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2rem 2.2rem 4rem
}

.header-entry-info .title[data-v-c02dd12a] {
    color: #fff
}

.header-entry-info .action-box[data-v-c02dd12a] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-entry-info .action-box .action-list[data-v-c02dd12a] {
    display: flex;
    align-items: center
}

.header-entry-info .action-box .action-list .read-btn[data-v-c02dd12a] {
    font-size: 1.16rem;
    font-weight: 700;
    padding: .6rem 1rem;
    margin-right: 1.3rem
}

.header-entry-info .action-box .action-list .like-btn[data-v-c02dd12a] {
    font-size: 1.16rem;
    font-weight: 700;
    padding: .4rem 1rem;
    margin-right: 1.3rem;
    background-color: transparent;
    color: #fff;
    border: 1px solid
}

.header-entry-info .action-box .action-list .like-btn.liked[data-v-c02dd12a],
.header-entry-info .action-box .action-list .like-btn.liked span[data-v-c02dd12a] {
    color: #6cbd45
}

.header-entry-info .action-box .action-list .like-btn .icon[data-v-c02dd12a] {
    margin-right: .3rem;
    vertical-align: middle
}

.header-entry-info .action-box .action-list .collect-btn[data-v-c02dd12a] {
    font-size: 1.16rem;
    padding: .4rem 1rem;
    color: #fff;
    background-color: transparent;
    border: 1px solid;
    position: relative
}

.header-entry-info .action-box .action-list .collect-btn[data-v-c02dd12a]:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.header-entry-info .action-box .action-list .collect-btn.active[data-v-c02dd12a] {
    background-color: #83c73a;
    border-color: #83c73a
}

.header-entry-info .action-box .action-list .collect-btn.active[data-v-c02dd12a]:hover {
    background-color: #76b433;
    border-color: #76b433
}

.header-entry-info .action-box .action-list .collect-btn .icon[data-v-c02dd12a] {
    margin-right: .3rem;
    vertical-align: middle
}

.header-entry-info .action-box .meta-tag-list .item[data-v-c02dd12a] {
    float: left;
    margin-left: .5rem;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1rem;
    padding: .3rem .6rem;
    border-radius: 2px;
    cursor: pointer
}

.header-entry-info .action-box .meta-tag-list .item.hot[data-v-c02dd12a] {
    color: #ff8900;
    border-color: #ff8900
}

.main[data-v-c02dd12a] {
    display: flex
}

.main .entry-detail-left[data-v-c02dd12a] {
    background-color: #fff;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    width: 660px
}

.main .entry-detail-left .info-section[data-v-c02dd12a] {
    padding: 2.7rem 2.7rem 1.5rem 10.6rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative
}

.main .entry-detail-left .info-title[data-v-c02dd12a] {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #909090;
    white-space: nowrap
}

.main .entry-detail-left .info-title .user-info-block[data-v-c02dd12a] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    margin-right: 2rem;
    overflow: hidden
}

.main .entry-detail-left .info-title .user-info-block .avatar[data-v-c02dd12a] {
    position: absolute;
    width: 2.7rem;
    height: 2.7rem;
    top: 2.3rem;
    left: 7rem;
    border-radius: 50%
}

.main .entry-detail-left .info-title .user-info-block .username[data-v-c02dd12a] {
    color: #333;
    font-size: 1.2rem;
    font-weight: 600
}

.main .entry-detail-left .info-title .user-info-block .user-link[data-v-c02dd12a] {
    flex: 0 0 auto;
    margin-right: .6rem;
    min-width: 0
}

.main .entry-detail-left .info-title .user-info-block .position[data-v-c02dd12a] {
    flex: 0 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .entry-detail-left .info-title .entry-info[data-v-c02dd12a] {
    margin: 0 0 0 auto
}

.main .entry-detail-left .banner-section[data-v-c02dd12a] {
    margin: 2rem 2rem 0
}

@media (min-width:960px) {
    .main .entry-detail-left .banner-section[data-v-c02dd12a] {
        display: none
    }
}

.main .entry-detail-left .abstract[data-v-c02dd12a] {
    padding: .7rem 1.2rem .4rem 1.3rem;
    border-left: 2px solid #ddd;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #333;
    margin-top: 1rem
}

.main .entry-detail-left .edit[data-v-c02dd12a] {
    float: right;
    cursor: pointer
}

.main .entry-detail-left .edit .icon[data-v-c02dd12a] {
    margin-right: .3em
}

.main .entry-detail-left .entry-info-mobile[data-v-c02dd12a] {
    margin-top: 1rem;
    font-size: 1.2rem;
    color: #909090;
    display: none
}

.main .section[data-v-c02dd12a]:after {
    display: table;
    content: "";
    clear: both
}

.main .comment-section[data-v-c02dd12a] {
    padding: 2.7rem
}

.main .comment-form[data-v-c02dd12a] {
    margin-bottom: 1rem
}

.main .comment-list-header[data-v-c02dd12a] {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f5f5f5
}

.main .entry-detail-right[data-v-c02dd12a] {
    width: 300px
}

@media (max-width:600px) {
    .entry-detail-panel[data-v-c02dd12a] {
        width: 100%
    }

    .entry-detail-right[data-v-c02dd12a] {
        display: none
    }

    .header-entry-info[data-v-c02dd12a] {
        padding: 0 2rem 2.2rem
    }

    .header-entry-info .title[data-v-c02dd12a] {
        font-size: 1.4rem
    }

    .main .entry-detail-left[data-v-c02dd12a] {
        width: 100%
    }

    .main .entry-detail-left .info-section[data-v-c02dd12a] {
        padding: 2rem
    }

    .main .entry-detail-left .info-title .entry-info[data-v-c02dd12a],
    .main .entry-detail-left .info-title .user-info .avatar[data-v-c02dd12a] {
        display: none
    }

    .main .entry-detail-left .entry-info-mobile[data-v-c02dd12a] {
        display: block
    }

    .main .comment-section[data-v-c02dd12a] {
        padding: 2rem
    }

    .meta-tag-list[data-v-c02dd12a] {
        display: none
    }
}

.iconfont[data-v-13ecdb5a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-13ecdb5a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-13ecdb5a]:before {
    content: "\e601"
}

.aside[data-v-13ecdb5a] {
    width: 20rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.aside.sticky .sticky-section-box[data-v-13ecdb5a] {
    position: fixed;
    top: 10.5rem;
    width: 20rem;
    transition: all .2s
}

.aside.sticky.top .sticky-section-box[data-v-13ecdb5a] {
    top: 5.5rem
}

.aside .section[data-v-13ecdb5a] {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 2px;
    font-size: 1.16rem;
    line-height: 1.29;
    color: #333
}

.aside .section[data-v-13ecdb5a]:not(:last-child) {
    margin-bottom: 1.3rem
}

.aside .section.top-section .aside-header[data-v-13ecdb5a] {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1);
    color: #333;
    font-size: 1.16rem
}

.aside .section.top-section .aside-list[data-v-13ecdb5a] {
    padding: 1rem 1.3rem
}

.aside .section.top-section .aside-list .item[data-v-13ecdb5a] {
    margin-bottom: 1.5rem
}

.aside .section.top-section .aside-list .link[data-v-13ecdb5a] {
    display: block;
    position: relative
}

.aside .section.top-section .aside-list .title[data-v-13ecdb5a] {
    color: #333;
    font-size: 1.16rem;
    cursor: pointer;
    transition: all .3s;
    word-break: break-all
}

.aside .section.top-section .aside-list .title[data-v-13ecdb5a]:hover {
    color: #007fff
}

.aside .section.top-section .aside-list .meta-list[data-v-13ecdb5a] {
    display: flex;
    margin: .6rem 0 1.3rem;
    font-size: 1.1rem;
    color: #c2c2c2
}

.aside .section.top-section .aside-list .meta-list .meta[data-v-13ecdb5a] {
    display: flex;
    justify-content: center;
    margin-right: 1.5rem
}

.aside .section.top-section .aside-list .meta-list .meta .icon[data-v-13ecdb5a] {
    margin-right: .4rem
}

.column-entry-list[data-v-13ecdb5a] {
    width: 700px;
    background-color: #fff;
    border-radius: 2px
}

.column-entry-list .list-header[data-v-13ecdb5a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.3rem 2rem
}

.column-entry-list .list-title[data-v-13ecdb5a] {
    font-size: 1.3rem;
    color: #000
}

.column-entry-list .nav-item[data-v-13ecdb5a] {
    padding: 0 .8rem;
    font-size: 1.16rem;
    border-right: 1px solid hsla(0, 0%, 59.2%, .2)
}

.column-entry-list .nav-item.active a[data-v-13ecdb5a] {
    color: #007fff
}

.column-entry-list .nav-item[data-v-13ecdb5a]:last-child {
    border: none;
    padding-right: 0
}

@media (max-width:600px) {
    .aside[data-v-13ecdb5a] {
        display: none
    }

    .column-entry-list[data-v-13ecdb5a] {
        width: 100%
    }
}

.book-list .book[data-v-35b72676] {
    cursor: pointer;
    display: flex;
    padding: 15px
}

.book-list .book[data-v-35b72676]:hover {
    background-color: #f8f8f8
}

.book-list .book .poster[data-v-35b72676] {
    margin-right: 10px;
    flex-shrink: 0;
    height: 72px;
    width: 52px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .26)
}

.book-list .book .poster .poster-img[data-v-35b72676] {
    width: 100%;
    height: 100%
}

.book-list .book .info[data-v-35b72676] {
    flex-grow: 1
}

.book-list .book .info .title[data-v-35b72676] {
    max-height: 52px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.book-list .book .info .bought[data-v-35b72676] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.book-list .book .info .bought .num[data-v-35b72676] {
    font-size: 12px;
    color: #878c90
}

.book-list .book .info .bought .try-read[data-v-35b72676] {
    height: 20px;
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
    line-height: 20px;
    padding-right: 5px;
    border-radius: 2px;
    background-color: #007fff;
    display: flex;
    align-items: center
}

.book-list .book .info .bought .try-read[data-v-35b72676]:after {
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
    margin-left: 3px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 3px 0 3px 3px
}

.category-popover[data-v-872905b6] {
    position: fixed;
    top: 3.75rem;
    left: 2rem;
    padding: 1.17rem 1.17rem .17rem;
    width: 30rem;
    max-height: 16.67rem;
    font-weight: 400;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box;
    border-radius: 2px;
    cursor: default;
    z-index: 250
}

.category-popover .tag-list[data-v-872905b6] {
    display: flex;
    flex-wrap: wrap
}

.category-popover .tag[data-v-872905b6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    background-color: #f4f5f5;
    border-radius: 1rem;
    font-size: 1.1rem;
    color: #71777d;
    padding: 0 .83rem;
    margin-right: 1rem;
    margin-bottom: 1rem
}

@media (max-width:600px) {
    .category-popover .tag[data-v-872905b6] {
        margin-right: .83rem;
        margin-bottom: .75rem
    }
}

.category-popover .tag[data-v-872905b6]:hover {
    color: #007fff
}

.category-popover .tag.active[data-v-872905b6] {
    background-color: #007fff;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.category-popover .tag.active>a[data-v-872905b6] {
    color: #fff
}

@media (max-width:700px) {
    .category-popover[data-v-872905b6] {
        display: none
    }
}

.fade-enter-active[data-v-872905b6],
.fade-leave-active[data-v-872905b6] {
    transition: opacity .2s
}

.fade-enter[data-v-872905b6],
.fade-leave-to[data-v-872905b6] {
    opacity: 0
}

.nav-list[data-v-06d5ed22] {
    position: relative
}

.nav-list .nav-item.right[data-v-06d5ed22] {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:960px) {
    .nav-list .nav-item[data-v-06d5ed22]:first-child {
        padding-left: 2rem
    }
}

.nav-list .count[data-v-06d5ed22] {
    color: #fff;
    display: inline-block;
    padding: 2px 7px;
    line-height: 1.08rem;
    text-align: center;
    font-size: 1rem;
    border-radius: 3rem;
    margin-left: .2rem;
    margin-bottom: 1px;
    background-color: #007fff;
    transform: scale(.833)
}

.nav-list .nav-item.tag[data-v-06d5ed22] {
    height: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    font-size: 1.17rem;
    color: #8a9aa9;
    padding: 0 .83rem;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.nav-list .nav-item.tag.active[data-v-06d5ed22] {
    background-color: #007fff;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.tag-list[data-v-06d5ed22] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    height: auto
}

.tag-list.hide[data-v-06d5ed22] {
    display: none
}

.fade-enter-active[data-v-06d5ed22],
.fade-leave-active[data-v-06d5ed22] {
    transition: opacity .5s
}

.fade-enter[data-v-06d5ed22],
.fade-leave-to[data-v-06d5ed22] {
    opacity: 0
}

@media (max-width:960px) {
    .nav-item.right[data-v-06d5ed22] {
        display: none
    }
}

.slide-book-list .item[data-v-2941530c] {
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    cursor: pointer
}

.slide-book-list .item .poster[data-v-2941530c] {
    width: 52px;
    height: 72px;
    flex-shrink: 0
}

.slide-book-list .item .poster .poster-img[data-v-2941530c] {
    height: 100%;
    width: 100%
}

.slide-book-list .item[data-v-2941530c]:hover {
    background-color: #f8f8f8
}

.slide-book-list .item:hover .img-box img[data-v-2941530c] {
    transform: translateZ(0)
}

.slide-book-list .item .content-text[data-v-2941530c] {
    flex-grow: 1;
    margin-left: 10px
}

.slide-book-list .item .content-text .title[data-v-2941530c] {
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500
}

.slide-book-list .item .content-text .price[data-v-2941530c] {
    display: inline-flex;
    margin-top: 6px
}

.slide-book-list .item .content-text .price .new[data-v-2941530c] {
    margin-right: 6px;
    color: #fc4544
}

.slide-book-list .item .content-text .price .delete[data-v-2941530c] {
    color: #878c90;
    text-decoration: line-through
}

.slide-book[data-v-c8d21592] {
    position: relative;
    height: 185px;
    overflow: hidden
}

.slide-book .item[data-v-c8d21592] {
    position: absolute
}

.fade-enter-active[data-v-c8d21592],
.fade-leave-active[data-v-c8d21592] {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .25s ease
}

.fade-enter-to[data-v-c8d21592],
.fade-leave[data-v-c8d21592] {
    transform: translateX(0)
}

.transition--prev .fade-leave-to[data-v-c8d21592] {
    transform: translateX(100%)
}

.transition--next .fade-leave-to[data-v-c8d21592],
.transition--prev .fade-enter[data-v-c8d21592] {
    transform: translateX(-100%)
}

.transition--next .fade-enter[data-v-c8d21592] {
    transform: translateX(100%)
}

.index-book-collect[data-v-c8d21592] {
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    overflow: hidden
}

.index-book-collect .header[data-v-c8d21592] {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #f6f6f6
}

.index-book-collect .header .title[data-v-c8d21592] {
    line-height: 45px;
    padding-right: 5px;
    font-size: 14px;
    flex-grow: 1
}

.index-book-collect .header .controllers[data-v-c8d21592] {
    height: 12px;
    font-size: 12px;
    color: #7d7d7d;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.index-book-collect .header .controllers .arrow[data-v-c8d21592] {
    cursor: pointer;
    line-height: 1;
    width: 5px;
    padding: 0 6px
}

.index-book-collect .header .controllers .arrow[data-v-c8d21592]:hover {
    color: #007fff
}

.index-book-collect .book-newuser .newuser-title[data-v-c8d21592] {
    padding-left: 15px;
    padding-right: 15px;
    height: 20px;
    margin-top: 5px
}

.index-book-collect .book-newuser .newuser-title span[data-v-c8d21592] {
    float: left;
    display: block;
    margin-right: 5px;
    color: #878c90
}

.index-book-collect .book-newuser .newuser-title[data-v-c8d21592]:after {
    content: "";
    display: block;
    height: 0;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 8px;
    overflow: hidden
}

.index-book-collect .book-newuser .giftbag[data-v-c8d21592] {
    display: flex;
    padding: 15px 15px 20px;
    cursor: pointer
}

.index-book-collect .book-newuser .giftbag img[data-v-c8d21592] {
    width: 52px;
    display: block
}

.index-book-collect .book-newuser .giftbag .content-text[data-v-c8d21592] {
    margin-left: 12px
}

.index-book-collect .book-newuser .giftbag .content-text .title[data-v-c8d21592] {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.index-book-collect .book-newuser .giftbag .content-text .title .highlight[data-v-c8d21592] {
    color: #fc4544;
    margin-left: 5px;
    margin-right: 5px
}

.index-book-collect .book-newuser .giftbag .content-text .btn-giftbag[data-v-c8d21592] {
    width: 60px;
    height: 20px;
    color: #007fff;
    line-height: 20px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #007fff
}

.index-aside[data-v-427b33a0] {
    width: 20rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.index-aside.sticky .sticky-block[data-v-427b33a0] {
    opacity: 1;
    top: 127px;
    z-index: 5;
    pointer-events: all
}

.index-aside.sticky.top .sticky-block[data-v-427b33a0] {
    top: 67px
}

.sidebar-block[data-v-427b33a0] {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 2px;
    margin-bottom: 1.3rem;
    font-size: 1.16rem;
    line-height: 1.29;
    color: #333
}

.sidebar-block li[data-v-427b33a0] {
    list-style: none
}

.sidebar-block.banner-block[data-v-427b33a0] {
    overflow: hidden
}

.sidebar-block.banner-block .banner[data-v-427b33a0] {
    height: 200px
}

.sidebar-block.sticky-block[data-v-427b33a0] {
    position: fixed;
    background-color: transparent;
    box-shadow: none;
    opacity: 0;
    transition: all .2s;
    width: 20rem;
    z-index: -1;
    top: 67px;
    pointer-events: none
}

.sidebar-block.sticky-block .sticky-author-block[data-v-427b33a0] {
    margin-bottom: 1.3rem
}

.sidebar-block.sticky-block .sticky-banner[data-v-427b33a0] {
    height: 200px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border-radius: 2px;
    overflow: hidden
}

.sidebar-block.sticky-block .sticky-banner[data-v-427b33a0]:not(:last-child) {
    margin-bottom: 1.3rem
}

.sidebar-block.user-block .user-block-header[data-v-427b33a0] {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar-block.user-block .item .link[data-v-427b33a0] {
    padding: 1rem 1.3rem;
    display: flex;
    align-items: center;
    cursor: pointer
}

.sidebar-block.user-block .item .link[data-v-427b33a0]:hover {
    background-color: hsla(0, 0%, 84.7%, .1)
}

.sidebar-block.user-block .item .link .avatar[data-v-427b33a0] {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: .8rem
}

.sidebar-block.user-block .item .link .user-info[data-v-427b33a0] {
    overflow: hidden
}

.sidebar-block.user-block .item .link .username[data-v-427b33a0] {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar-block.user-block .item .link .position[data-v-427b33a0] {
    color: #909090;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar-block.user-block .item .more[data-v-427b33a0] {
    color: #909090;
    padding: 1rem 0;
    text-align: center;
    border-top: 1px solid hsla(0, 0%, 59.2%, .1)
}

.sidebar-block.user-block .item .more[data-v-427b33a0]:hover {
    cursor: pointer;
    color: #007fff
}

.sidebar-block.link-block .link-list[data-v-427b33a0] {
    padding: 0
}

.sidebar-block.link-block .item[data-v-427b33a0] {
    position: relative
}

.sidebar-block.link-block .item[data-v-427b33a0]:hover {
    background-color: hsla(0, 0%, 84.7%, .1)
}

.sidebar-block.link-block .link[data-v-427b33a0] {
    display: flex;
    align-items: center;
    padding: 1rem;
    height: 100%
}

.sidebar-block.link-block .icon[data-v-427b33a0] {
    width: 3rem;
    margin-right: .8rem
}

.sidebar-block.link-block .title[data-v-427b33a0] {
    position: relative;
    font-size: 1.16rem;
    line-height: 1;
    color: #333
}

.sidebar-block.more-block[data-v-427b33a0] {
    background-color: transparent;
    box-shadow: none
}

.sidebar-block.more-block .more-list[data-v-427b33a0] {
    font-size: 1rem;
    line-height: 1.6;
    color: #9aa3ab
}

.sidebar-block.more-block .more-list[data-v-427b33a0]:after {
    display: table;
    content: "";
    clear: both
}

.sidebar-block.more-block .more-list .item[data-v-427b33a0] {
    float: left
}

.sidebar-block.more-block .more-list .item[data-v-427b33a0]:not(:last-child):after {
    content: "Â·";
    margin: 0 .5rem;
    color: #c6cfda
}

@media (max-width:960px) {
    .index-aside[data-v-427b33a0] {
        display: none
    }
}

.verify-email-alert[data-v-90cf3bba] {
    padding: .5rem 1rem;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333;
    background-color: #e3eff9
}

.content[data-v-90cf3bba] {
    margin-right: 4rem;
    text-align: center
}

.btn[data-v-90cf3bba] {
    color: #007fff;
    cursor: pointer
}

.close-btn[data-v-90cf3bba] {
    float: right
}

.iconfont[data-v-bc4210c0] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-bc4210c0]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-bc4210c0]:before {
    content: "\e601"
}

.author-info[data-v-bc4210c0] {
    display: flex;
    align-items: center
}

.author-info .user-link[data-v-bc4210c0] {
    font-size: 0
}

.author-info .avatar[data-v-bc4210c0] {
    flex: 0 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%
}

.author-info-content[data-v-bc4210c0] {
    margin-left: 1rem;
    font-size: 15px;
    color: #8a9aa9
}

.author-info-content span[data-v-bc4210c0] {
    margin: 0 4px
}

.author-info-head[data-v-bc4210c0] {
    display: flex;
    align-items: center
}

.username[data-v-bc4210c0] {
    font-weight: 600;
    font-size: 15px;
    color: #17181a
}

.meta-box[data-v-bc4210c0] {
    display: flex;
    align-items: center;
    margin: .3rem 0 0;
    font-size: 13px;
    color: #8a9aa9;
    cursor: default
}

.meta-box .position[data-v-bc4210c0] {
    max-width: 28rem
}

@media (max-width:600px) {
    .meta-box .position[data-v-bc4210c0] {
        max-width: 100px
    }
}

.meta-box .dot[data-v-bc4210c0] {
    margin: 0 .5em
}

.header-menu[data-v-bc4210c0] {
    margin-top: 4px
}

.iconfont[data-v-6a094ebe] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-6a094ebe]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-6a094ebe]:before {
    content: "\e601"
}

.action-box[data-v-6a094ebe] {
    display: flex;
    position: relative;
    margin-top: 3px;
    height: 34px;
    border-top: 1px solid #ebebeb
}

@media (max-width:600px) {
    .action-box .action[data-v-6a094ebe] {
        flex: 1 1 50%
    }

    .action-box .share-action[data-v-6a094ebe] {
        display: none
    }
}

.action[data-v-6a094ebe] {
    flex: 1 1 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    cursor: pointer;
    user-select: none
}

.action:hover .action-title-box[data-v-6a094ebe] {
    opacity: .8
}

.action[data-v-6a094ebe]:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    width: 1px;
    height: 2rem;
    background-color: #ebebeb
}

.action.like-action.active .action-title[data-v-6a094ebe] {
    color: #37c700
}

@media (max-width:600px) {
    .action[data-v-6a094ebe]:nth-child(2):after {
        display: none
    }
}

.action-title-box[data-v-6a094ebe] {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-title-box .icon[data-v-6a094ebe] {
    width: 18px;
    height: 18px
}

.action-title-box .action-title[data-v-6a094ebe] {
    margin-left: 5px;
    font-size: 13px;
    color: #8a93a0
}

.share-panel[data-v-6a094ebe] {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5.5rem;
    width: 11rem;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    z-index: 101
}

.share-panel.top[data-v-6a094ebe] {
    top: auto;
    bottom: 100%
}

.share-panel.top[data-v-6a094ebe]:after,
.share-panel.top[data-v-6a094ebe]:before {
    display: none
}

.share-panel[data-v-6a094ebe]:after,
.share-panel[data-v-6a094ebe]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%
}

.share-panel[data-v-6a094ebe]:before {
    margin: -7px 0 0 -7px;
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 7px solid #ebebeb
}

.share-panel[data-v-6a094ebe]:after {
    margin: -6px 0 0 -6px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom: 6px solid #fff
}

.share-panel .share-item[data-v-6a094ebe] {
    padding: .5rem .9rem
}

.share-panel .share-item[data-v-6a094ebe]:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.share-panel .share-item[data-v-6a094ebe]:hover {
    background-color: #fdfdfd
}

.share-panel .share-title-box[data-v-6a094ebe] {
    display: flex;
    align-items: center;
    font-size: 1.167rem;
    color: #8a93a0
}

.share-panel .share-title-box .icon[data-v-6a094ebe] {
    margin-right: .8rem;
    width: 20px
}

.share-panel .qr-code[data-v-6a094ebe] {
    margin: .6rem 0 .8rem;
    height: 8.333rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.iconfont[data-v-9d2a38b2] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-9d2a38b2]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-9d2a38b2]:before {
    content: "\e601"
}

.post-item[data-v-9d2a38b2] {
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: .2rem
}

.post-item[data-v-9d2a38b2]:first-of-type {
    margin-top: .67rem;
    border-radius: 0 0 .2rem .2rem
}

.post-header[data-v-9d2a38b2] {
    position: relative;
    padding: 16px 20px 0
}

.post-header--hasmenu .author-bar[data-v-9d2a38b2] {
    margin-right: 40px
}

.header-menu[data-v-9d2a38b2] {
    position: absolute;
    top: 28px;
    right: 20px
}

.post-item-content[data-v-9d2a38b2] {
    margin-left: 56px;
    padding: 6px 20px 10px
}

.post-link[data-v-9d2a38b2] {
    display: block
}

.post-item-title h3[data-v-9d2a38b2],
.post-item-title span[data-v-9d2a38b2] {
    vertical-align: middle
}

.post-item-title span[data-v-9d2a38b2] {
    margin-right: 10px;
    padding: 3px 6px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #007fff;
    background-color: #e5f2ff;
    border-radius: 2px
}

.post-item-title h3[data-v-9d2a38b2] {
    margin: 0;
    display: inline;
    font-size: 17px;
    color: #17181a;
    line-height: 1.5
}

@media (max-width:600px) {
    .post-item-title h3[data-v-9d2a38b2] {
        font-size: 17px
    }
}

.rich-content[data-v-9d2a38b2] {
    margin-top: 3px;
    padding: 3px 0;
    display: flex
}

.rich-content .post-item-excerpt[data-v-9d2a38b2] {
    margin-right: 16px;
    font-size: 15px;
    color: #5c6066;
    line-height: 1.53;
    flex: 1 1 auto
}

.rich-content .post-item-image[data-v-9d2a38b2] {
    width: 65px;
    height: 65px;
    background-color: #eee;
    border-radius: 2px;
    flex: 0 0 auto
}

.post-item-comment[data-v-9d2a38b2] {
    position: relative;
    border-top: 1px solid #ebebeb
}

.post-item-comment .triangle-top[data-v-9d2a38b2] {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: -7px 0 0 -7px
}

.post-item-comment .comment-list-box[data-v-9d2a38b2] {
    padding-left: 1.333rem;
    background-color: transparent
}

.post-item-comment .fetch-more-comment[data-v-9d2a38b2] {
    display: block;
    padding: 1.1rem 0;
    font-size: 1.083rem;
    text-align: center;
    color: #406599;
    cursor: pointer;
    user-select: none;
    border-top: 1px solid #ebebeb
}

.post-item-comment .fetch-more-comment[data-v-9d2a38b2]:hover {
    opacity: .8
}

@media (max-width:980px) {
    .post-item-content[data-v-9d2a38b2] {
        margin-left: 0
    }
}

.activity-empty[data-v-72ec1d9d] {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    height: 117px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #b2bac2;
    margin-bottom: .67rem
}

.activity-empty .empty-text[data-v-72ec1d9d] {
    margin-top: 10px
}

.activity-empty .login-button[data-v-72ec1d9d] {
    margin-top: 14px;
    font-size: 1.166rem;
    color: #027fff;
    width: 6.666rem;
    height: 2.833rem;
    background: transparent;
    border-radius: 2px;
    border: 1px solid #027fff
}

.nav-list[data-v-6a820c53] {
    position: relative
}

.nav-list .nav-item.right[data-v-6a820c53] {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:960px) {
    .nav-list .nav-item[data-v-6a820c53]:first-child {
        padding-left: 2rem
    }
}

.nav-list .count[data-v-6a820c53] {
    color: #fff;
    display: inline-block;
    padding: 2px 7px;
    line-height: 1.08rem;
    text-align: center;
    font-size: 1rem;
    border-radius: 3rem;
    margin-left: .2rem;
    margin-bottom: 1px;
    background-color: #007fff;
    transform: scale(.833)
}

.nav-list .nav-item.tag[data-v-6a820c53] {
    height: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    font-size: 1.17rem;
    color: #8a9aa9;
    padding: 0 .83rem;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.nav-list .nav-item.tag.active[data-v-6a820c53] {
    background-color: #007fff;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.tag-list[data-v-6a820c53] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    height: auto
}

.tag-list.hide[data-v-6a820c53] {
    display: none
}

.fade-enter-active[data-v-6a820c53],
.fade-leave-active[data-v-6a820c53] {
    transition: opacity .5s
}

.fade-enter[data-v-6a820c53],
.fade-leave-to[data-v-6a820c53] {
    opacity: 0
}

@media (max-width:960px) {
    .nav-item.right[data-v-6a820c53] {
        display: none
    }
}

.entry-list-container[data-v-47233a2a] {
    background-color: #fff
}

.nav-list.left .nav-item[data-v-47233a2a] {
    padding: 0 1rem
}

.nav-list[data-v-897aea48] {
    position: relative
}

.nav-list .nav-item.right[data-v-897aea48] {
    position: absolute;
    top: 0;
    right: 0
}

.nav-list .nav-item[data-v-897aea48] {
    font-size: 1.25rem
}

.nav-list .nav-item.tag[data-v-897aea48] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    background-color: #fff;
    border-radius: 1rem;
    font-size: 1.1rem;
    color: #8a9aa9;
    padding: 0 .83rem;
    margin-right: 1rem;
    margin-bottom: 1rem
}

@media (max-width:600px) {
    .nav-list .nav-item.tag[data-v-897aea48] {
        margin-right: .83rem;
        margin-bottom: .75rem
    }
}

.nav-list .nav-item.tag.active[data-v-897aea48] {
    background-color: #007fff;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.nav-list .nav-item.tag.active>a[data-v-897aea48] {
    color: #fff
}

.nav-list .nav-item.unfold[data-v-897aea48] {
    padding-right: 2rem
}

.nav-list .nav-item.unfold[data-v-897aea48]:hover {
    color: #007fff
}

.nav-list .nav-item.unfold[data-v-897aea48]:hover:after {
    border-top: 5px solid #007fff
}

.nav-list .nav-item.unfold[data-v-897aea48]:after {
    position: absolute;
    right: 8px;
    bottom: 14%;
    content: "";
    height: 5px;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8a9aa9
}

.tag-list[data-v-897aea48] {
    display: flex;
    flex-wrap: wrap;
    height: auto
}

@media (max-width:960px) {
    .tag-list[data-v-897aea48] {
        padding-left: 2rem
    }
}

.tag-list.hide[data-v-897aea48] {
    display: none
}

.fade-enter-active[data-v-897aea48],
.fade-leave-active[data-v-897aea48] {
    transition: opacity .5s
}

.fade-enter[data-v-897aea48],
.fade-leave-to[data-v-897aea48] {
    opacity: 0
}

@media (max-width:960px) {
    .nav-item.right[data-v-897aea48] {
        display: none
    }
}

.iconfont[data-v-133e1aa9] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-133e1aa9]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-133e1aa9]:before {
    content: "\e601"
}

.auth-section[data-v-133e1aa9] {
    padding: 1.333rem;
    background-color: #fff
}

.title[data-v-133e1aa9] {
    font-weight: 600
}

.slogan[data-v-133e1aa9],
.title[data-v-133e1aa9] {
    margin-bottom: .5rem;
    font-size: 1.167rem;
    color: #2e3135
}

.ticket[data-v-133e1aa9] {
    font-size: 14px;
    color: #8f969c;
    margin-bottom: 1rem
}

.ticket .highlight[data-v-133e1aa9] {
    margin-left: 5px;
    margin-right: 5px;
    color: #007fff
}

.input-box[data-v-133e1aa9] {
    position: relative;
    margin-bottom: .833rem
}

.input[data-v-133e1aa9] {
    padding: .7rem .6rem;
    width: 100%;
    font-size: 1.167rem;
    background-color: #fbfbfb;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box
}

.vcode-box[data-v-133e1aa9] {
    display: flex;
    align-items: center
}

.vcode-box .input[data-v-133e1aa9] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0
}

.vcode-box .vcode-img[data-v-133e1aa9] {
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 8rem;
    height: 2.9rem;
    margin-left: .4rem
}

.send-vcode-btn[data-v-133e1aa9] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 1.167rem;
    color: #007fff;
    line-height: 1;
    background-color: transparent
}

.send-vcode-btn[data-v-133e1aa9]:disabled {
    color: #909090;
    cursor: default
}

.send-vcode-btn[data-v-133e1aa9]:hover(:not(:disabled)) {
    opacity: .8
}

.submit-btn[data-v-133e1aa9] {
    padding: .7rem 0;
    width: 100%;
    font-size: 1.167rem
}

.submit-btn[data-v-133e1aa9]:disabled {
    background-color: #909090;
    cursor: default
}

.oauth-box[data-v-133e1aa9] {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.9rem;
    color: #8f969c
}

.oauth-box .oauth-btn[data-v-133e1aa9] {
    margin-left: 1.2rem;
    height: 1.9rem;
    vertical-align: bottom;
    cursor: pointer
}

.iconfont[data-v-79ba6030] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-79ba6030]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-79ba6030]:before {
    content: "\e601"
}

.section[data-v-79ba6030] {
    margin-bottom: 18px;
    background-color: #fff
}

.section .header[data-v-79ba6030] {
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6
}

.section .header .title[data-v-79ba6030] {
    font-size: 14px;
    flex-grow: 1;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-link[data-v-15098bf2] {
    color: #007fff
}

.tag-list[data-v-15098bf2] {
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.tag-list .tag[data-v-15098bf2] {
    margin-right: 12px;
    margin-bottom: 12px;
    background-color: #f3f6f3;
    cursor: pointer;
    height: 30px;
    color: inherit;
    line-height: 30px;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 30px
}

.tag-list .tag[data-v-15098bf2]:hover {
    color: #fff;
    background-color: #0c0
}

.iconfont[data-v-2c155151] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-2c155151]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-2c155151]:before {
    content: "\e601"
}

.follow-section[data-v-2c155151] {
    background-color: transparent;
    text-align: center;
    color: #909090;
    box-shadow: none;
    overflow: visible
}

.follow-section .account-list[data-v-2c155151] {
    display: flex;
    justify-content: center;
    margin: 1rem 0
}

.follow-section .account-list .icon[data-v-2c155151] {
    width: 24px;
    margin-left: .5rem;
    margin-right: .5rem;
    cursor: pointer
}

.follow-section .account-list .wechat[data-v-2c155151] {
    position: relative
}

.follow-section .account-list .wechat:hover .qr-panel[data-v-2c155151] {
    opacity: 1;
    transform: rotateY(0deg)
}

.follow-section .account-list .wechat .qr-panel[data-v-2c155151] {
    position: absolute;
    background: #fff;
    width: 10rem;
    top: 100%;
    left: 0;
    z-index: 2;
    padding: .8rem 0 0;
    opacity: 0;
    border: 1px solid #ddd;
    transform: rotateY(90deg)
}

.follow-section .account-list .wechat .qr[data-v-2c155151] {
    width: 100%
}

.iconfont[data-v-133015b4] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-133015b4]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-133015b4]:before {
    content: "\e601"
}

.more-section[data-v-133015b4] {
    background-color: transparent;
    text-align: center;
    color: #909090;
    font-size: 1.1rem;
    box-shadow: none
}

.more-section .more-list[data-v-133015b4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .4rem
}

.more-section .more-list .item[data-v-133015b4]:not(:last-child):after {
    content: "Â·";
    margin: 0 .4rem
}

.iconfont[data-v-d93dedae] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d93dedae]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-d93dedae]:before {
    content: "\e601"
}

.link-section .link-list[data-v-d93dedae] {
    padding: 0
}

.link-section .item[data-v-d93dedae] {
    position: relative
}

.link-section .item[data-v-d93dedae]:hover {
    background-color: hsla(0, 0%, 84.7%, .1)
}

.link-section .link[data-v-d93dedae] {
    display: flex;
    align-items: center;
    padding: 1rem;
    height: 100%
}

.link-section .icon[data-v-d93dedae] {
    width: 3rem;
    margin-right: .8rem
}

.link-section .title[data-v-d93dedae] {
    position: relative;
    font-size: 1.16rem;
    line-height: 1;
    color: #333
}

.iconfont[data-v-20297384] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-20297384]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-20297384]:before {
    content: "\e601"
}

.welcome__side.sticky .sticky-section[data-v-20297384] {
    opacity: 1;
    z-index: 5;
    pointer-events: all
}

.welcome__side .section[data-v-20297384] {
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    overflow: hidden
}

.welcome__side .tag-link[data-v-20297384] {
    color: #007fff
}

.welcome__side .tag-list[data-v-20297384] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.welcome__side .tag-list .tag[data-v-20297384] {
    margin-right: 12px;
    margin-bottom: 12px;
    background-color: #f3f6f3;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 30px
}

.welcome__side .tag-list .tag[data-v-20297384]:hover {
    color: #fff;
    background-color: #0c0
}

.welcome__side .banner-section[data-v-20297384] {
    height: 200px
}

.welcome__side .sticky-section[data-v-20297384] {
    position: fixed;
    width: 240px;
    top: 80px;
    opacity: 0;
    z-index: -1;
    transition: all .2s;
    pointer-events: none
}

.mobile-bottom-bar[data-v-42669164] {
    width: 100%;
    height: 4.6rem;
    background-color: #f8f9fa;
    border-top: 1px solid #f1f1f1;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 100
}

.mobile-bottom-bar .bar-container[data-v-42669164] {
    width: 960px;
    height: inherit;
    margin: auto;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.mobile-bottom-bar .bar-container .left[data-v-42669164] {
    display: flex;
    align-items: center
}

.mobile-bottom-bar .bar-container .left img[data-v-42669164] {
    width: 5rem;
    margin-right: .8rem
}

.mobile-bottom-bar .bar-container .left span[data-v-42669164] {
    font-size: 1.1rem
}

.mobile-bottom-bar .bar-container .button[data-v-42669164] {
    position: relative;
    white-space: nowrap;
    margin-left: .8rem
}

@media (max-width:600px) {
    .mobile-bottom-bar[data-v-42669164] {
        display: block
    }

    .mobile-bottom-bar .bar-container[data-v-42669164] {
        width: 100%
    }
}

.welcome-view .tag-nav[data-v-1d2ed61c] {
    width: 100%
}

.welcome-context[data-v-1d2ed61c] {
    display: flex;
    align-items: flex-start;
    margin-top: .33rem
}

@media (max-width:600px) {
    .welcome-context[data-v-1d2ed61c] {
        margin-top: .27rem
    }
}

.welcome-context .welcome__feed[data-v-1d2ed61c] {
    overflow: hidden;
    flex-grow: 1
}

.welcome-context .welcome__side[data-v-1d2ed61c] {
    width: 240px;
    min-width: 240px;
    margin-left: 20px
}

.main-container>.view[data-v-1d2ed61c] {
    margin-top: 5.17rem
}

@media (max-width:600px) {
    .main-container>.view[data-v-1d2ed61c] {
        margin-top: 4.83rem
    }
}

@media (max-width:960px) {
    .welcome__side[data-v-1d2ed61c] {
        display: none
    }
}

.fade-enter-active[data-v-1d2ed61c] {
    transition: opacity .1s
}

.fade-leave-active[data-v-1d2ed61c] {
    transition: opacity .5s
}

.fade-enter[data-v-1d2ed61c],
.fade-leave-to[data-v-1d2ed61c] {
    opacity: 0
}

.timeline-index-view.verify[data-v-0ae6364e] {
    margin-top: 1.5rem
}

.timeline-index-view.v2 .list-header[data-v-0ae6364e] {
    padding-left: 1.3rem;
    padding-right: 1.3rem
}

.aside[data-v-0ae6364e] {
    position: absolute;
    top: 0;
    right: 0
}

.nav-list[data-v-0ae6364e] {
    position: relative
}

.nav-list .nav-item.right[data-v-0ae6364e] {
    position: absolute;
    top: 0;
    right: 0
}

.notification[data-v-0ae6364e]:before {
    content: "\25CF";
    color: #007fff;
    font-size: 1rem;
    left: 6.25rem;
    position: absolute;
    top: 4px;
    transform: scale(.5)
}

.user-action-nav[data-v-0ae6364e] {
    margin-right: 21.667rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.timeline-container[data-v-0ae6364e] {
    margin-top: 0
}

.timeline-content[data-v-0ae6364e] {
    position: relative;
    margin-top: .33rem
}

@media (max-width:600px) {
    .timeline-content[data-v-0ae6364e] {
        margin-top: .5rem
    }
}

.timeline-entry-list[data-v-0ae6364e] {
    margin-right: 21.667rem;
    border-radius: 2px;
    width: 700px
}

.timeline-entry-list .entry-list[data-v-0ae6364e] {
    background-color: #fff
}

@media (max-width:960px) {
    .nav-item.right[data-v-0ae6364e] {
        display: none
    }

    .timeline-entry-list[data-v-0ae6364e] {
        width: 100%
    }
}

.container .view.timeline-index-view[data-v-0ae6364e] {
    margin-top: 5.17rem
}

.fade-enter-active[data-v-0ae6364e] {
    transition: opacity .1s
}

.fade-leave-active[data-v-0ae6364e] {
    transition: opacity .5s
}

.fade-enter[data-v-0ae6364e],
.fade-leave-to[data-v-0ae6364e] {
    opacity: 0
}

.iconfont[data-v-5f64aff6] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-5f64aff6]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-5f64aff6]:before {
    content: "\e601"
}

.item[data-v-5f64aff6] {
    display: flex;
    align-items: center
}

.user-item[data-v-5f64aff6] {
    padding: 1.3rem
}

.user-item .avatar[data-v-5f64aff6] {
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 4.167rem;
    height: 4.167rem;
    border-radius: 50%
}

.user-item .info-box[data-v-5f64aff6] {
    flex: 1 1 auto;
    min-width: 0
}

.user-item .info-box .username[data-v-5f64aff6] {
    font-size: 1.333rem;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-item .info-box .position[data-v-5f64aff6] {
    margin-top: .8rem;
    font-size: 1.25rem;
    color: #72777b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stat-item[data-v-5f64aff6] {
    margin-bottom: .8rem;
    padding: 0 1.3rem
}

.stat-item[data-v-5f64aff6]:last-child {
    margin-bottom: 1.3rem
}

.stat-item .icon[data-v-5f64aff6] {
    flex: 0 0 auto;
    margin-right: 1rem
}

.stat-item .zan[data-v-5f64aff6] {
    margin-right: 1rem
}

.stat-item .content[data-v-5f64aff6] {
    font-size: 1.25rem;
    color: #000
}

.stat-item .content .count[data-v-5f64aff6] {
    margin: 0 .3em;
    font-weight: 500
}

.banner[data-v-5f64aff6] {
    display: block;
    height: 48px;
    background-image: url(https://gold-cdn.xitu.io/asset/2018/post-banner.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.iconfont[data-v-0e0bff08] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-0e0bff08]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-0e0bff08]:before {
    content: "\e601"
}

.sidebar.sticky .sticky-block-box[data-v-0e0bff08] {
    position: fixed;
    top: 6.766999999999999rem;
    width: inherit;
    transition: top .2s
}

.sidebar.sticky.top .sticky-block-box[data-v-0e0bff08] {
    top: 1.767rem
}

.iconfont[data-v-32c82c3a] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-32c82c3a]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-32c82c3a]:before {
    content: "\e601"
}

.author-info-block[data-v-32c82c3a] {
    display: flex;
    align-items: center
}

.author-info-block .avatar-link[data-v-32c82c3a] {
    font-size: 0
}

.author-info-block .avatar[data-v-32c82c3a] {
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 3.333rem;
    height: 3.333rem;
    border-radius: 50%
}

@media (max-width:600px) {
    .author-info-block .avatar[data-v-32c82c3a] {
        margin-right: .8rem
    }
}

.author-info-block .author-info-box[data-v-32c82c3a] {
    min-width: 0;
    flex-grow: 1
}

.author-info-block .profile-box[data-v-32c82c3a] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: baseline;
    font-size: 1.1rem;
    color: #909090
}

@media (max-width:600px) {
    .author-info-block .profile-box[data-v-32c82c3a] {
        margin-right: .5rem
    }
}

.author-info-block .username[data-v-32c82c3a] {
    display: inline-block;
    max-width: 100%;
    font-size: 1.3rem;
    margin-right: .5rem;
    font-weight: 700;
    color: #333
}

.author-info-block .position[data-v-32c82c3a] {
    max-width: 400px
}

.author-info-block .meta-box[data-v-32c82c3a] {
    font-size: 1.1rem;
    color: #909090
}

@media (max-width:600px) {
    .author-info-block .meta-box[data-v-32c82c3a] {
        font-size: 1rem
    }
}

.author-info-block .meta-box a.posts[data-v-32c82c3a]:hover {
    color: #909090
}

@media (max-width:600px) {
    .author-info-block .meta-box .post-count[data-v-32c82c3a] {
        display: none
    }
}

.iconfont[data-v-616adeac] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-616adeac]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-616adeac]:before {
    content: "\e601"
}

.column-view[data-v-616adeac] {
    padding: 0 0 8rem
}

.main-area[data-v-616adeac] {
    position: relative;
    width: 700px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.main-area[data-v-616adeac]:after {
    display: table;
    content: "";
    clear: both
}

.article-area[data-v-616adeac] {
    margin-bottom: 1.5rem;
    padding: 0 2rem
}

.article[data-v-616adeac] {
    margin-bottom: 3rem;
    padding: 2rem 0 0
}

.article-placeholder[data-v-616adeac] {
    width: 100%
}

.author-info-block[data-v-616adeac] {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.author-info-block .avatar-link[data-v-616adeac] {
    font-size: 0
}

.author-info-block .avatar[data-v-616adeac] {
    flex: 0 0 auto;
    margin-right: 1rem;
    width: 3.333rem;
    height: 3.333rem;
    border-radius: 50%
}

.author-info-block .author-info-box[data-v-616adeac] {
    min-width: 0;
    flex-grow: 1
}

.author-info-block .username[data-v-616adeac] {
    display: inline-block;
    max-width: 100%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #333
}

.author-info-block .meta-box[data-v-616adeac] {
    font-size: 1.1rem;
    color: #909090
}

.author-info-block .time[data-v-616adeac] {
    letter-spacing: 1px
}

.author-info-block .views-count[data-v-616adeac] {
    margin-left: .5em
}

.author-info-block .dot[data-v-616adeac] {
    margin: 0 .5em
}

@media (max-width:600px) {
    .author-info-block .dot[data-v-616adeac] {
        margin: 0 .2em
    }
}

@media (max-width:600px) {
    .author-info-block .follow[data-v-616adeac] {
        margin-top: 12px
    }
}

.author-info-block .edit-btn[data-v-616adeac] {
    color: #1264b6;
    cursor: pointer
}

.author-info-block .edit-btn[data-v-616adeac]:hover {
    text-decoration: underline
}

.article-hero[data-v-616adeac] {
    margin-bottom: 2rem;
    width: 100%
}

.article-hero[data-v-616adeac]:after {
    content: "";
    display: block;
    padding-top: 56.29%;
    width: 100%;
    pointer-events: none
}

.article-title[data-v-616adeac] {
    margin: .67em 0;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5
}

@media (max-width:600px) {
    .article-title[data-v-616adeac] {
        font-size: 2rem
    }
}

.tag-list-box[data-v-616adeac] {
    margin-bottom: 2rem
}

.tag-list-box .tag-list-title[data-v-616adeac] {
    margin-bottom: 2rem;
    padding: 0 0 0 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    border-left: 6px solid #ddd
}

.tag-list-box .tag-list[data-v-616adeac] {
    display: flex;
    flex-wrap: wrap
}

.tag-list-box .tag-list .item[data-v-616adeac] {
    display: flex;
    align-items: center;
    margin: 0 1.25rem 1rem 0;
    padding: .167rem;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.tag-list-box .tag-list .tag-icon[data-v-616adeac] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 2px
}

@media (max-width:600px) {
    .tag-list-box .tag-list .tag-icon[data-v-616adeac] {
        display: none
    }
}

.tag-list-box .tag-list .tag-title[data-v-616adeac] {
    padding: 0 .75rem;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #919191
}

.wechat-banner[data-v-616adeac] {
    margin-bottom: 2rem
}

@media (min-width:960px) {
    .wechat-banner[data-v-616adeac] {
        display: none
    }
}

.book-box[data-v-616adeac] {
    margin-bottom: 2rem
}

@media (min-width:960px) {
    .book-box[data-v-616adeac] {
        display: none
    }
}

.footer-author-block[data-v-616adeac] {
    padding: 15px 17px;
    border-radius: 2px;
    background-color: #f4f5f5;
    margin-bottom: 2rem
}

@media (max-width:600px) {
    .footer-author-block[data-v-616adeac] {
        padding: 15px 1rem
    }
}

.article-banner[data-v-616adeac] {
    margin-bottom: 2.5rem;
    padding: 0 0 0 2rem;
    border-left: 6px solid #ddd
}

.article-banner .banner-title[data-v-616adeac] {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #007fff
}

.article-banner .banner-content[data-v-616adeac] {
    margin-top: .2rem;
    font-size: 1.1rem;
    line-height: 1.4;
    color: #909090
}

.comment-box[data-v-616adeac] {
    padding: 0 2rem
}

.comment-box.extended[data-v-616adeac] {
    padding-bottom: 2rem
}

@media (max-width:600px) {
    .comment-box[data-v-616adeac] {
        padding: 0
    }
}

.comment-box .comment-title[data-v-616adeac] {
    margin-bottom: 1.3rem;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    color: #909090
}

.comment-box .comment-form[data-v-616adeac] {
    margin-bottom: 1rem
}

.recommended-entry-list-title[data-v-616adeac] {
    padding: 1.3rem 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #909090;
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.sidebar[data-v-616adeac] {
    position: absolute;
    top: 0;
    right: 0;
    width: 20rem
}

.article-suspended-panel[data-v-616adeac] {
    position: fixed;
    margin-left: -7rem;
    top: 16rem
}

.action-bar[data-v-616adeac] {
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 100%
}

@media (max-width:960px) {
    .sidebar[data-v-616adeac] {
        display: none
    }

    .main-area[data-v-616adeac] {
        width: 100%
    }

    .article-area[data-v-616adeac] {
        margin-bottom: 0
    }

    .open-in-app[data-v-616adeac] {
        bottom: 6rem
    }
}

.border[data-v-616adeac] {
    border-bottom: 1px solid rgba(178, 186, 194, .15)
}

.iconfont[data-v-d1e43d5e] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-d1e43d5e]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-d1e43d5e]:before {
    content: "\e601"
}

.entry-public-view[data-v-d1e43d5e] {
    position: relative;
    margin-bottom: 6rem
}

.entry-public-view .entry-public-main[data-v-d1e43d5e] {
    position: relative;
    background-color: #fff;
    max-width: 700px;
    padding: 50px 24px;
    box-sizing: border-box
}

.entry-public-view .entry-public-main .thumb--header[data-v-d1e43d5e] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 240px
}

.entry-public-view .entry-public-main .thumb-placeholder[data-v-d1e43d5e] {
    height: 190px
}

.entry-public-view .entry-public-main .entry-public-info[data-v-d1e43d5e] {
    display: flex;
    align-items: baseline
}

.entry-public-view .entry-public-main .entry-public-info .info-item[data-v-d1e43d5e] {
    margin-right: 1rem
}

.entry-public-view .entry-public-main .banner[data-v-d1e43d5e] {
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 1em;
    font-size: 1.167rem;
    line-height: 1.5;
    color: inherit;
    background-color: #e4f1eb;
    border: 1px solid #dbe4e0;
    border-radius: 4px
}

.entry-public-view .entry-public-main .banner .text[data-v-d1e43d5e] {
    margin-right: .5em
}

.entry-public-view .entry-public-main .banner .link[data-v-d1e43d5e] {
    color: #259
}

.entry-public-view .entry-public-main .originalUrl[data-v-d1e43d5e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .5em
}

.entry-public-view .entry-public-main .originalUrl a[data-v-d1e43d5e] {
    color: #259
}

.entry-public-view .entry-public-main .tag-list[data-v-d1e43d5e] {
    display: flex;
    margin: 2rem auto 3rem;
    flex-wrap: wrap
}

.entry-public-view .entry-public-main .tag-list .item[data-v-d1e43d5e] {
    cursor: pointer;
    margin-right: .6em;
    margin-bottom: .6rem;
    padding: .2em .7em;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    transition: color .3s, border-color .3s, background-color .3s;
    line-height: 1.5
}

.entry-public-view .entry-public-main .tag-list .item[data-v-d1e43d5e]:hover {
    color: #007fff;
    border-color: rgba(0, 127, 255, .15);
    background-color: rgba(0, 127, 255, .05)
}

.entry-public-view .related-entry-list-box[data-v-d1e43d5e] {
    display: none
}

.entry-public-view .related-entry-list-box .title[data-v-d1e43d5e] {
    text-align: center;
    margin: 1.3rem 0;
    color: #909090;
    font-size: 1.3rem
}

.entry-public-view .related-entry-list-box .related-entry-list[data-v-d1e43d5e] {
    padding: 1.3rem 2.5rem;
    border: 1px solid #f1f1f1;
    border-radius: 2px
}

.entry-public-view .related-entry-list-box .related-entry-list .item[data-v-d1e43d5e] {
    margin-bottom: 1.6rem
}

.entry-public-view .related-entry-list-box .related-entry-list .item[data-v-d1e43d5e]:last-child {
    margin-bottom: 0
}

.entry-public-view .origin-link[data-v-d1e43d5e] {
    display: block;
    margin: 2rem 0;
    padding: 1rem .5rem;
    font-size: 1.3rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #007fff;
    border-radius: 3px
}

.entry-public-view .entry-public-aside[data-v-d1e43d5e] {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px
}

.entry-public-view .entry-public-aside .section[data-v-d1e43d5e] {
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden
}

.entry-public-view .entry-public-aside .section[data-v-d1e43d5e]:not(:last-child) {
    margin-bottom: 1.5rem
}

.entry-public-view .comment-box[data-v-d1e43d5e] {
    margin: 0 2rem 6rem
}

.entry-public-view .comment-box .comment-title[data-v-d1e43d5e] {
    margin: 1.3rem 0;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    color: #909090
}

.entry-public-view .comment-box .comment-list[data-v-d1e43d5e] {
    margin-top: 1rem
}

@media (min-width:960px) {
    .entry-public-view .wechat-banner[data-v-d1e43d5e] {
        display: none
    }
}

@media (max-width:700px) {
    .entry-public-view .entry-public-main .thumb--header[data-v-d1e43d5e] {
        height: 180px
    }

    .entry-public-view .entry-public-main .thumb-placeholder[data-v-d1e43d5e] {
        height: 170px
    }

    .entry-public-view .entry-public-main .related-entry-list-box .title[data-v-d1e43d5e] {
        text-align: left
    }

    .entry-public-view .entry-public-main .related-entry-list-box .related-entry-list[data-v-d1e43d5e] {
        padding: 0;
        border: none
    }

    .entry-public-view .entry-public-main .comment-box[data-v-d1e43d5e] {
        margin: 0 0 6rem
    }

    .entry-public-view .entry-public-main[data-v-d1e43d5e] {
        max-width: 100%;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media (max-width:960px) {
    .entry-public-view .entry-public-main[data-v-d1e43d5e] {
        margin: 0 auto
    }

    .entry-public-view .entry-public-main .related-entry-list-box[data-v-d1e43d5e] {
        display: block
    }

    .entry-public-view .entry-public-aside[data-v-d1e43d5e] {
        display: none
    }
}

.sticky .sticky-section[data-v-d1e43d5e] {
    position: fixed;
    top: 87px;
    width: 20rem;
    opacity: 1;
    z-index: 5;
    transition: all .2s
}

.sticky.top .sticky-section[data-v-d1e43d5e] {
    top: 27px
}

.article-suspended-panel[data-v-d1e43d5e] {
    position: fixed;
    margin-left: -85px;
    top: 200px
}

.collection-section[data-v-d1e43d5e] {
    background-color: #fff
}

.collection-section .aside-header[data-v-d1e43d5e] {
    padding: 1rem 1.3rem;
    font-size: 1.16rem;
    color: #333;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
}

.collection-section .link[data-v-d1e43d5e] {
    display: block;
    padding: 1rem 1.3rem
}

.collection-section .link[data-v-d1e43d5e]:hover {
    background-color: hsla(0, 0%, 84.7%, .1)
}

.collection-section .link .title[data-v-d1e43d5e] {
    display: block;
    font-size: 1.16rem;
    color: #333
}

.collection-section .link .meta[data-v-d1e43d5e] {
    display: block;
    margin-top: .2rem;
    font-size: 1.1rem;
    color: #c2c2c2
}

.entry-detail-view[data-v-39a4a15a] {
    margin-bottom: 2rem
}

@font-face {
    font-family: iconfont;
    src: url(https://b-gold-cdn.xitu.io/fonts/iconfont.eot?t=1470110358);
    src: url(https://b-gold-cdn.xitu.io/fonts/iconfont.eot?t=1470110358#iefix) format("embedded-opentype"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.woff?t=1470110358) format("woff"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.ttf?t=1470110358) format("truetype"), url(https://b-gold-cdn.xitu.io/fonts/iconfont.svg?t=1470110358#iconfont) format("svg")
}

.iconfont[data-v-7646bf06] {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xlcollection[data-v-7646bf06]:before {
    content: "\e600"
}

.icon-xlchatbox[data-v-7646bf06]:before {
    content: "\e601"
}

.collection-list-box[data-v-7646bf06] {
    margin-right: 21.667rem;
    background-color: #fff
}

.collection-list-box .right .nav-item[data-v-7646bf06] {
    padding: 0 1.2rem
}

.collection-list-box .right .nav-item[data-v-7646bf06]:after {
    display: none
}

.collection-list-box .right .nav-item.active a[data-v-7646bf06] {
    color: #007fff
}

@media (max-width:600px) {
    .collection-list-box[data-v-7646bf06] {
        width: 100%
    }
}